HTML - CSS/css 공부

[CSS] css 규칙

congs 2023. 4. 6. 09:33

css3 규칙

1. 부모 태그/ 부모 요소 (parent element)

예)
<p style=“color: red;>
<em style=“font-size: 25px”>

: <em>태그는 <p>의 자식태그 = <em>red 적용

 

2. 스타일 합치기 (cascading)

: 4가지 스타일 시트가 태그에 동시에 적용될 때, 스타일이 합쳐져서 적용됨.

 

3. 스타일 오버라이딩 (overriding)

: 덮어쓰기, 값 설정 시 우선순위가 높은 스타일을 적용

우선순위 = 브라우저 < .css < <style></style> < style 시트 작성

 

4가지 종류의 스타일 시트

1) 브라우저 디폴트 스타일 : 기본 스타일

2) .css스타일 시트 파일에 작성된 스타일 : (external.css문서의) p{ color: red; }

3) <style></style> 태그에 작성된 스타일 : <style> p {color: red;}

4) style 속성에 작성된 스타일 : <p style= “color: red”>__</p>

'HTML - CSS > css 공부' 카테고리의 다른 글

[CSS] border 테두리 속성  (0) 2023.04.06
[CSS] 폰트 속성 / 단위  (0) 2023.04.06
[CSS] 스타일 시트 작성 방법  (0) 2023.04.06
[CSS] margin 설정  (0) 2023.04.06
[CSS] 색상 / 텍스트 / 목록 / 표 스타일 지정  (0) 2023.04.05