- 디자인에 관한 정보만 지님
1. style 태그를 쓴다
- <head><style> 에 작성
- a { color:red; }
- 중복된 제거
- a : 선택자
- { } : 선언자
- color : 속성
- red : value
2. style 속성을 쓴다
- 태그 안에 작성
- <p style="margin-top:45px;"> : 단락 위에 여백 삽입
- <~ width="100%"> : 크기 조정
id
#id : 최우선 선택자
- 단 한번만 등장해야 함
- 구체적, 예외적
- #id ul : id div 아래 ul에만 적용시키도록 설정
class
.class : 선택자
- <class=" "> : 여러개의 속성 값 가능, 띄어쓰기 구분
- 여러개의 선택자를 통해 공동 제어 가능
- 중간 우선순위 : body와 가까이 있는 명령이 우선순위
태그 선택자
우선순위 가장 낮음
가장 마지막 등장하는 선택자가 우선순위가 높음
'코딩 > HTML\CSS\JS' 카테고리의 다른 글
| [html] MDN 정리1 (0) | 2022.12.27 |
|---|---|
| [JS 클론코딩] 노마드코더 JS크롬앱만들기 (0) | 2022.11.07 |
| [CSS] 생활코딩 반응형 디자인, 미디어쿼리, CSS 파일 (0) | 2022.11.05 |
| [CSS] 생활코딩 box model : block, inline, div, span, grid (0) | 2022.11.05 |
| [HTML] 기초 복습 (0) | 2022.11.05 |