CSS Property   CSS 속성

(2019-08-22)

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

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차원 변형
  1.   기술공통
  2.   기초과학
  3.   진동/파동
  4.   방송/멀티미디어/정보이론
  5.   전기전자공학
  6.   통신/네트워킹
        1. 통신 이란?
        2. 신뢰적 통신
    1.   통신이론
    2.   선로/전송
    3.   통신망 일반
    4.   회선교환(PSTN)
    5.   무선/이동통신
    6.   광통신
    7.   인터넷/데이터통신
          1. 데이터통신망
          2. 인터넷
          3. 데이터 네트워크 설계
      1.   데이터 단위
      2.   프로토콜/계층
      3.   데이터 링크
      4.   TCP/IP
      5.   라우팅
      6.   인터넷 QoS
      7.   인터넷 관리
      8.   웹기술
            1. 웹 이란?
            2. 하이퍼텍스트
        1.   웹 구성
        2.   HTTP
        3.   웹 페이지
          1.   마크업 언어
          2.   DOM,BOM
          3.   웹 기능 요소
          4.   웹 디자인
                1. 웹 디자인
                2. 스타일 시트
            1.   CSS
              1.   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차원 변형
        4.   웹 식별
        5.   웹 서비스
        6.   차세대 웹
        7.   웹기술 기타일반
      9.   인터넷 응용
      10.   인터넷 기타
      11.   패킷교환(PSN)
      12.   인터넷 관련 기관
  7.   정보기술(IT)
  8.   공업일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

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