CSS 간단한 속성 및 상속,캐스케이딩 알아보기

안녕하세요 

CSS 간단한 속성 및 상속,캐스케이딩 알아보도록 하겠습니다.

 

CSS속성

1) background - color 

뒷배경 색깔

 

2) width 

너비

 

3) height

높이

 

4) font

4-1) font - size

글자 사이즈조절(px단위)

 

4-2) font - family

글꼴지정 (작성된 순서 기준으로 우선 순위)

Arial, Times 등등

 

4-3) font - style

글자모양

normal : 기본글꼴

italic : 이탤릭

oblicque : 비슷듬한 글꼴

 

4-4) font - weight

글자굵기

normal : 보통

bold : 굵게

bolder : bold보다 굵게

lighter : normal보다 얇게

100~900까지 지정가능

400이 normal , 700이 border 이라고 생각하며 됨

 

CSS상속

CSS 상속이란 부모의 CSS속성을 자식 태그들이 갖는 것을 '상속' 이라고 한다.

 

CSS 캐스케이딩

CSS 캐스케이딩이란 같은 영역에 디자인을 적용할 때 우선순위를 두는 것이다.

 

1) 마지막에 적용한 속성값이 우선적용

 

2) 선택자를 구체적으로 적을 때

EX) 1. header h2

2. h2

일 떄 1번째가 우선순위임

 

3) 인라인태그 > id > class > type 순