김버그의 HTML&CSS는 재밌다

📝1. 웹 페이지의 모든 것의 시작은 HTML에서 비롯된다. 우리가 보는 것들은 모두 HTML을 통해 볼 수 있음 웹 페이지에 보이는 모든 것들은 기승전 HTML 태그의 결과물 웹 브라우저 환경의 베이스가 되는 HTML 문서의 구조와 정보 위계가 명확하게 보이는 아름

💻참고 사항 div에 style 주고 싶을 때 주로 사용하는 attribute --> class p 태그 안의 <div>와 같은 경우 태그로 인식하여 오류 발생할 수 있음 html escape code 검색하여 대체하기 h 태그 안에 a 태그 오는 게 더

구조적인 문서 설계란?글의 구조를 쉽게 파악하는 것브라우저는 인간의 언어를 이해할 수 없기 때문에 브라우저로 하여금 구조를 명확하게 파악할 수 있도록 장치를 깔아두어야 함 -> Sectioning Element 사용하기Sectioning Element: section,

Cascading Style Sheet웹 페이지의 모든 스타일을 관리Selector & DeclarationHTML의 모든 요소는 Box로 이루어져 있음동일한 형태를 갖추고 있기 때문에 Box model이라 칭함Content, Padding, Border, Margin

💻1. Float > Float를 사용하는 이유? -> 가로 배치를 하기 위해 💻2. Float를 사용하게 되면 > 부모는 그 자식을 집 나간 자식으로 여김. 부모도, 형제들도 그 넘을 알 길이 없어진다.😬 Inline, Inline-block 요소

💻 1. Media Query > 반응형 웹을 만들기 위해 반드시 알아야 하는 CSS 선언 중 하나 Responsive Web? 데스크탑 뿐만 아니라 모바일, 태블릿의 화면에 딱 맞게 보일 수 있게 하는 것 viewport meta와 media query가

Type | Class | IDTag selector여러 요소에 동일한 스타일을 동시에 주고 싶을 때 class 사용한 요소는 여러 개의 class를 가질 수 있음식별자. 즉, ID는 단 하나만 존재해야 함<div class="box" id="active">&lt

💻1. Grid System > 깔끔하고 일관성 있는 디자인을 위한 가이드라인 container | column | gutter container Grid System이 적용되는 전체 범위 column 세로줄 1칸을 뜻함 보통 데스크탑은 12칸, 테블릿은 6칸, 모