HTML/CSS

div태그는 섹션을 나눌 때 사용한다.div태그는 1\. 비슷한 부분끼리 그룹지어주고 2\. 디자인에 맞게 레이아웃을 분리해주고,3\. 각 div에 class나 id라는 attribute를 부여하여 css 스타일을 입혀준다.

HTML에 CSS를 반영하는 3가지 방법1.인라인 스타일 : 태그 style 속성에 직접 작성2.style 태그 : style 태그 사이에 css 문법 작성3.CSS파일에 작성 : 링크 태그 필요

font-family : 폰트 스타일 지정font-sizefont-weight : 폰트 두께font-stylecolor

text-align : left or right or centertext-indent : 들여쓰기

class가 id나 selector일 경우 태그와 결합할 수 있다.\->p태그이면서 class가 p-tag\->p태그이면서 id가 third-line여러가지 selector도 사용 가능! 띄어쓰기 주의\->class="pre" 안에 있는 span태그복잡하게 적용한 경우

HTML 태그 중 a, span, img 등은 inline 요소이다.CSS를 통해 block<->inline 변경이 가능하다.inline 성질을 갖게 하는 CSS property는 display와 float반대의 경우(inline -> block)도 가능

table : 테이블을 감싸는 태그tr(table row) : 한 행을 시작하는 태그td : table datath : table heading셀을 병합할 때는 rowspan="" 또는 colspan="" 속성 사용\*테이블 테두리는 css에서 td, th 태그에 bo