생활코딩

CSS 적용과 선택자 우선순위

2022. 9. 6. 18:59

CSS 를 따로 사용하게 되면

1) 유지보수가 수월해지고 

2) 프로그램의 가독성이 좋아진다.


CSS적용방법

1. HTML의 style속성(CSS의 효과를 담고 있음)을 사용.

<a style="~~~"></a>

 

2. style태그를 사용.

<style> 

     사이에 선택자 명시 후, CSS 효과 기재

</style>


CSS적용 우선순위

인라인 스타일 지정(직접지정) > id선택자 > class선택자 > 태그선택자(나중에 선언) > 태그선택자 (초기에 선언)

* id는 유일한 고유값이기 때문에 우선 적용

** 같은 종류의 선택자일 경우, 위치를 더 구체적으로 지정한 CSS가 우선순위를 갖는다.

'생활코딩' 카테고리의 다른 글

@media(){} 미디어 쿼리  (0) 2022.09.06
CSS 선택자 언급 방법  (0) 2022.09.06
22.07.24  (0) 2022.07.26
22.07.22  (0) 2022.07.25