GrowMe

페이지 레이아웃 # 레이아웃 # CSS 셀렉터 규칙 # Flexbox # grow와 shrink # 콘텐츠의 정렬 방법 ＊레이아웃 대부분의 경우 콘텐츠의 흐름은 좌에서 우, 위에서 아래로 흐름 CSS로 화면을 구분할 때에는 수직분할과 수평분할을 차례대로 적용하여 콘텐츠의 흐름을 따라 작업을 진행 수직분할 : 화면을 수직으로 구분하여, 콘텐츠가 가로로 배치될 수 있도록 요소를 배치합니다. 수평분할 : 분할된 각각의 요소를 수평으로 구분하여, 내부 콘텐츠가 세로로 배치될 수 있도록 요소를 배치합니다. - 레이아웃 리셋 박스의 시작을 정확히 (0,0)의 위치에서 시작하고 싶은데, 태그가 가진 기본 스타일에 약간의 여백이 있음 width, height 계산이 여백을 포함하지 않아 계산에 어려움이 있음 브라우저(..

CSS # HTML에 CSS 적용하는 방법 # 선택자 규칙 # CSS의 두 단위 # 박스 모델 ＊CSS로 기본적인 스타일링 하기 시맨틱 태그 : 자신들이 어떤 역할을 하는지 그 이름을 통해 표현 Ex) CSS를 여러 요소에 적용하기 위해서 class를 사용. class는 #이 아닌 .을 이용해 선택 🎫 여러 class를 한 요소에 적용하기 여러 class를 하나의 요소에 적용하기 위해서는, 공백으로 적용하려는 class의 이름을 분리 ※ id와 class의 차이점 id class #으로 선택 .으로 선택 한 문서에 단 하나의 요소에만 적용 동일한 값을 갖는 요소 많음 특정 요소에 이름 붙이는데 사용 스타일 분류에 사용 ※ id 및 class를 목적에 맞게 사용하기 id : 고유(유일)한 이름을 붙일 때 ..

HTML 기초 # HTML의 기본 구조 # HTML의 요소 ＊HTML의 기본 구조와 문법 HTML은 tag들의 집합 Tag : 부등호()로 묶인 HTML의 기본 구성 요소 html 확장자 사용 Self-Closing Tag 태그 내부에 내용이 없다면, (와 같이 표현되는 경우) 와 같이 표현 가능 ＊자주사용하는 HTML 요소