1. CSS 속성 이란?
ㅇ 웹페이지 내 HTML 구성 요소별로 표현코자 하는 성격 (스타일 : 웹디자인적인 표현 서식)
ㅇ CSS 속성을 지정하는 구문 형식 : selector { property1 : value1; property2 : value2; ... }
- selector (속성 선택자) : HTML 요소 선택용 식별자
. [참고] ☞ CSS 선택자 (단순 선택자, 그룹 선택자, 결합 선택자, 가상 선택자) 참조
- property (속성) : value (속성값)
ㅇ CSS 속성의 지정 방법 : { 속성 : 값 (property : value) }
- 속성 바로 뒤에 콜론(:) 을 붙인 후 그 값을 적음 (속성명 : 값)
- 만일, 다수를 지정하려면, 각각 사이에 세미콜론(;)으로 분리함
2. CSS 속성의 종류
ㅇ 박스 ☞ CSS 박스 모델 참조
- margin, border , padding , width, height, box-sizing 등
ㅇ 텍스트 꾸미기 ☞ CSS 텍스트 참조
ㅇ 색상 ☞ CSS 색상 참조
ㅇ 배경 ☞ CSS 배경 참조
ㅇ 여백,테두리,패딩 ☞ CSS 여백, CSS 테두리, CSS 패딩 참조
ㅇ 페이지 레이아웃(위치지정,부유화 효과 등) ☞ CSS 위치, CSS 레이아웃 참조
ㅇ 정렬 ☞ CSS 정렬 참조
ㅇ 리스트(목록) ☞ CSS 리스트 참조
ㅇ 그림자 ☞ CSS 그림자 참조
ㅇ 시간 변형 ☞ CSS 시간 변형 참조
ㅇ 2차원 변형 ☞ CSS 2차원 변형 참조
3. CSS 속성 중 특별한 것
ㅇ 컨텐츠 속성 { content : 값; }
- HTML 문서로 쓰지 않고도, CSS 만으로도 내용 생성이 가능
- 주로, 가상 선택자(:after,:before)와 함께 사용
ㅇ 비표준 속성 : CSS 벤더 프리픽스 (Vendor Prefix, 공급업체 접두사)
- 속성 이름 앞에 붙는 웹브라우저 제조사 접두어 ( Vendor-prefixed Properties)
. -wekit-(속성명) : 애플 사파리,구글 크롬,오페라 등 Webkit 기반 브라우저
. -moz-(속성명) : 모질라 파이어폭스 브라우저
. -o-(속성명) : 오페라 브라우저
. -ms-(속성명) : MS社 IE 브라우저
- 실험적인 기능이 요구될 때, 웹브라우저 공급사별로 사용될 수 있으나,
지금은 이러한 접두사를 점차 안쓰고 있음