SEB Week2,3: HTML, CSS

신동윤·2021년 10월 13일
0

weeklyReview

목록 보기
2/2

HTML: 웹사이트의 구조를 담당하는 markup언어. 좋은 구조를 짤수록 JS로 개발할 때 더 직관적이고 효율적으로 코드를 짤 수 있음.

HTML은 tag들의 집합이라고 볼 수 있으며, 부등호<> 로 묶인 HTML의 기본요소이다. 항상 로 클로징해주는 습관을 들일 것.

속성 = attribute.

head = body tag를 설명.
header = body tag의 제목 부분을 영역으로 구분할 때 사용.
heading: <h1 ~ h6>: 웹페이지의 제목/소제목 담당.

HTML에서 가장 중요한 것은 '와이어프레임'이다. 레이아웃의 뼈대를 그리는 작업으로 단순한 선이나 도형으로 웹의 인터페이스를 시작적으로 묘사하는 작업.
가장 큰 목적은 화면의 영역을 구분하는 것이며 각 영역에서 사용할 태그를 메모하는 방식으로 작성하는것이 좋다.


CSS는 디자인 요소를 시각화 하는 스타일시트 언어.

Selector는 태그이름, id 또는 클래스를 선택하며, 특정 요소 선택 후 중괄호 안에 해당 요소에 적용할 내용을 작성함.
해당 요소에 적용하는 내용을 속성이라고 한다.
속성의 예) font-size, color, etc.

id를 적용해 한 요소에만 변화를 줄 수 있으나 모든 요소에 id를 부여할 수 없다. 문서 내에 단 하나의 요소에만 적용할 수 있는 유일한 이름!

하나의 class를 여러 요소에 적용시킬 수 있으며 다수의 class를 하나의 요소에 적용할 수 있음.

class는 (.)으로 선택하며 동일한 값을 갖는 요소가 많기에 스타일으 분류에 사용하기 용이함.

세로로 배치할 때 column을 뜻하는 col를 사용.

flex란?

profile
응애 프로그래머(?)

0개의 댓글