7. CSS (속성, 값, properties, values,px,rem, em, vw, vh, color, url(), function,colc(), var())

1. 속성 properties 

스타일을 적용할 대상의 특성

color, font-size, margin, background-color

- 변경하고자 하는 스타일의 종류를 지정

-속성은 css 규칙 내애서 선언

 

2. 값 value

속성에 할당되어 그 속성이 어떻게 적용될지 명시

red, 12ox, 20%, #22ff22

p { color: blue; margin: 10px; }

 

3. 길이와 거리

3-1. 절대 길이 xp

 

3-2. 상대 길이

- 다른요소에 의해 달라지는 값 ( 비율로 바뀜)

 

rem, em

- 루트 요소의 글꼴 크기 / 요소의 글꼴 크기

vw,vh 

- 뷰포트의 너비, 높이의 백분율 나타내는 단위

 

4. 이미지 image img
이미지 경로 지정

url ('./image/path.jpg)

 

5. 함수 functions

여러 번 실행할 수 있는 재사용 가능한 코드
calc()
css내에서 간단한 계산
다른 단위의 값들을 계산
whith : calc(100% - 20px);

var()
css 변수의 값을 사용할 때 적용
color : var(--main-color);