CSS
- HTML 태그들에 디자인을 입혀준다.
html과 CSS 연결
- inline
html 태그 내 style 속성
html, css 분리되지 않아 유지보수에 적합하지 않다. - style
스타일 태그를 따로 두고 설정
html, css 분리되지 않아 유지보수에 적합하지 않다. - css 파일
따로 css파일 관리하여 유지보수에 적합하다.
<link href="style.css" rel="stylesheet" type="text/css" />CSS 작성
selector {
property: property value
}selector(선택자)? 태그이름, claass이름, id값
ex. p {}, .className{}, #idName{}
css 우선순위: 태그 < class < id
font
- font-style: 폰트 스타일
- font-size: 글씨 크기
- font-weight: 글씨 두께 (400-normal, 700-bold)
- font-style: 글씨 스타일
- color: 글씨 색깔
#color picker hex color 검색 참고
text
- text-align: 텍스트 정렬
- text-indent: 들여쓰기
- blockquote: 인용문구 넣을 때
- : 문장 사이 스페이스
