Hyper Text Markup Language 의 약자홈페이지에서 글자나 이미지를 누르면 다른 페이지로 이동하는 것이 Hyper이다. MarkUp은 구조를 의미한다. HTML은 구조, Css는 표현, JavaScript는 동작이다. 세 개를 나눠쓰면 좋은 이유가 뭘
📝 텍스트 요소 제목 h1 ~ h6 h1~ h6까지 목차처럼 이용할 수 있다. h1은 모든 것을 통틀어 압축할 수 있는 제목으로 하나만 쓰는 것을 권장한다. 순서는 일관적이게 > h1 > h2 > h3 (작아지는 순서 O) h1 > h2 > h1 (X) 본문
🧱 Html 구조 Semantic Web 👽 ? .png) 컨테이너를 위와 같이 나눈다고 했을 때, 컨테이너를 나누는 div를 사용할 수 있다. 하지만 정확한 name 없이는 어디가 header인지 sidebar인지 알 수 없다. 이해하기 쉬울 수 있게끔
🌾메타데이터 눈에 보이지 않는 Head 부분 메타데이터란? > 데이터를 설명하는 메타데이터를 의미한다. 만약, 사진이 있다고 생각하면 상세정보에 촬영 일시, 사진작가란 '사진'을 설명하는 데이터들이 있다. 그런 데이터가 메타 데이터다.
.png) 💻 CSS Cascading Style Sheet의 약자이다. Cascade : 폭포수 Rule 기반의 언어 > 🤔 왜 폭포수 라는 단어가 들어갈까? - 스타일의 우선순위 만일, <h1>이라는 태그의 스타일을 지정할 때, 너무 길어서 col
font-family로 변경 가능하다.( font-style 은 이탤릭체로 설정해둔 css)사용자의 컴퓨터에 어떤 폰트들이 있는지 모르기 때문에 적용이 안될 수 있다. 그래서 여러 개를 두는 것도 가능하다.첫 번째로 있는 Segoe UI가 없다면 자동으로 Tahoma
우리가 흔히 사용하던 <div> <p> 가 contents라고 생각하면 된다.테두리(border 외의 여백을 줄 수 있는 것)margin을 넣어도 여백이 합쳐지는 현상Padding은 Margin처럼 상쇄가 일어나지 않는다. % 사용시 margin과 동일하게
color : rgb 함수 표기형rgb(0,0,0)rgba 함수 표기법rgb(0,0,255,0.8)\` → 0.8은 밝기를 의미한다. (투명도) 위에서 사용했던 rgba와는 다르다. opacity를 이용하면 내부에 있는 글자까지 투명도를 가진다.거의 사용하지 않는다.
🐴 Transform (변형) 박스모델이나 normal-flow에 원래 있는 자리가 있는데 그 자리에서 회전, 기울이기, 움직이기 가능 ! > 변형을 오른쪽에서부터 왼쪽으로 하나씩 순서대로 적용 → translateY 먼저 적용, rotate 다음으로 적용이 된다.
Animation A에서 B라는 스타일이 변경된다는 점에서 transition과 동일. 하지만, transitiond은 사용자의 action 이 필요하고, animation은 사용자의 action이 없어도 된다. Keyframes에 만든 것을 가져다 쓰는 것이 ani
라고 하면 div(block 요소)기 때문에 수직 정렬을 하게 된다. 수평 정렬을 하고 싶다면? 요소를 주면 수평으로 정렬된 것 같이 보이지만, 요소들간의 간격으로 인해 여백이 존재한다. (개행이 있으면 여백이 생긴다.) 하면 둥둥 부유하게 되어서 수평으로 잘 된
웹 접근성이란(Web accessbility) 모든 사람들이 동등하게 접근 가능하고 이해가능하게끔 해주는 것이다. 웹 접근성은 장애가 있는 사람에게만 국한되지 않는다. 예를 들어 느린 인터넷 환경 또한 장애의 일부가 될 수 있다. 이런 사람들에게 동일한 서비스를 제