코딩/HTML\CSS\JS
[CSS] 기초 복습 : id, class,
낫띵온미
2022. 11. 5. 22:10
- 디자인에 관한 정보만 지님
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와 가까이 있는 명령이 우선순위
태그 선택자
우선순위 가장 낮음
가장 마지막 등장하는 선택자가 우선순위가 높음