CSS3_2/ 스타일속성의 단위 - 키워드, 크기, 색상, URL

스타일값에 넣을 수 있는 단위 :

1. 키워드 단위 입력하는 것 = 글자를 입력하는 것.   예) {스타일속성: none }

2. 크기 단위 - % : 크기를 % 단위로 지정하는 것.(상대적) 기본 설정된 크기에서 상대적 크기를 지정.

                - em/rem : 크기를 배수단위로 지정.(상대적)

                - px : 절대적인 크기를 지정하는 단위

                - mm, cm, inch

1em=100%

1.5em=150%

폰트 크기를 지정할 때는 크기 단위를 섞어서 사용하는 경우가 많다. 전체 폰트 크기에 절대 크기를 지정하고

각각의 태그에 상대 크기를 지정하는 방법을 매우 많이 사용한다.

크기 단위 0을 입력할 땐 단위 생략 가능.  

 

3. 색상 단위

<style>

   h1 { background-color: red } or : rgb(255, 255, 255) } or : #000000 }

</style>

 

4. URL 단위 - css3에서 이미지 파일이나 폰트 파일을 불러올 때 사용하는 단위인 url을 나타냄.

<style>

   h2 { background-image : url(___________.jpg) }

</style>