[HTML&CSS] CSS의 개념과 적용순위 정리

CSS 란?

 

html 문서 내에 html 태그를 선택해서 디자인하고 배치하는 역할을 한다.

 

css 링크하기 => html 파일의 head 태그 안에 style 태그 안에  style. css 파일명으로 처리한다.

 

외부 파일로 불러오는 방법: 

 

<link rel="stylesheet" href="">

 

해당 href 안에 style.css 를 넣어서 

 

css파일 안에서 수정하는 것이다

 

 

 

CSS 선택자/ CSS 선택자 적용 우선순위 

 

태그 선택자 => 태그 자체/

클래스 선택자 => .center/

아이디 선택자 => #center/

태그와 함께 쓰는 선택자 => p.center

 

좋은 예 => main-ab, main-cd

 

그룹 선택자

 

h1, p{}로 묶기 

 

p span 한 칸 띄우고 하위 선택자 

 

* 전체 선택자 => 예를 들어서 box-sizing:border-box 있지? margin, padding 획일화

 

 

 

 

 

 

h1, p{
    color:red;
    text-align:center;
    font-size:30px;
}
/* 다중 선택자 */
p b{color:blue;}
/* 하위 선택자 */

h1{color:red !important}
 
.text{color:blue;}
 
#text{color:green;}