CSS Property   CSS 속성

(2019-08-22)

속성명, Vendor Prefix, 벤더 접두사, CSS 벤더 프리픽스, Webkit

Top > [기술공통]
[기초과학]
[진동/파동]
[방송/멀티미디어/정보이론]
[전기전자공학]
[통신/네트워킹]
[정보기술(IT)]
[공업일반(기계,재료등)]
[표준/계측/품질]
[기술경영]
통신/네트워킹 >   1. 통신 이란?
  2. 신뢰적 통신
[통신이론]
[선로/전송]
[통신망 일반]
[회선교환(PSTN)]
[무선/이동통신]
[광통신]
[인터넷/데이터통신]
인터넷/데이터통신 >   1. 데이터통신망
  2. 인터넷
  3. 데이터 네트워크 설계
[데이터 단위]
[프로토콜/계층]
[데이터 링크]
[TCP/IP]
[라우팅]
[인터넷 QoS]
[인터넷 관리]
[인터넷 응용]
[인터넷 기타]
[패킷교환(PSN)]
[인터넷 관련 기관]
인터넷 응용 > [NetBIOS]
[DNS]
[가상단말]
[FTP]
[전자메일]
[VoIP]
[웹기술]
[VPN]
[무선인터넷]
[전자상거래]
[개인 컨텐츠]
[인터넷 기타 응용]
웹기술 >   1. 웹 이란?
  2. 하이퍼텍스트
[웹 구성]
[HTTP]
[웹 페이지]
[웹 식별]
[웹 서비스]
[차세대 웹]
[웹기술 기타일반]
웹 페이지 > [마크업 언어]
[DOM,BOM]
[기능 요소]
[웹 디자인]
웹 디자인 >   1. 웹 디자인
  2. 스타일 시트
[CSS]
CSS   1. CSS
  2. CSS 선택자
  3. CSS 속성
  4. CSS 속성값
  5. CSS 박스 모델
  6. block,inline 요소 유형
  7. CSS 색상
  8. CSS 배경
  9. CSS 위치
  10. CSS 정렬
  11. CSS 텍스트
  12. CSS 폰트
  13. CSS 리스트
  14. CSS @ 규칙
  15. CSS 그림자
  16. CSS 시간 변형
  17. CSS 2차원 변형

1. CSS 구문구문 형식 : selector { property1 : value1; property2 : value2; ... }

  ㅇ 선택자 (selector) : HTML 요소 선택용 식별자CSS 선택자 참조

  ㅇ 속성 : 값 (property : value) : CSS 속성 값의 지정 방법 
     - 속성명 바로 뒤에 콜론(:) 을 붙인 후 그 값을 적음 (속성명 : 값)
     - 만일, 다수를 지정하려면 각각 사이에 세미콜론(;)으로 분리함


2. CSS 속성 종류

  ㅇ 박스              ☞ CSS 박스 모델 참조
     - margin, border , padding , width, height, box-sizing 등
  ㅇ 텍스트 꾸미기     ☞ 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 브라우저
     - 실험적인 기능이 요구될 때, 웹브라우저 공급사별로 사용될 수 있으나,
       지금은 이러한 접두사를 점차 안쓰고 있음


[CSS] 1. CSS 2. CSS 선택자 3. CSS 속성 4. CSS 속성값 5. CSS 박스 모델 6. block,inline 요소 유형 7. CSS 색상 8. CSS 배경 9. CSS 위치 10. CSS 정렬 11. CSS 텍스트 12. CSS 폰트 13. CSS 리스트 14. CSS @ 규칙 15. CSS 그림자 16. CSS 시간 변형 17. CSS 2차원 변형

 
        최근수정     요약목록     참고문헌