CSS background   CSS 배경

(2018-08-14)
1. CSS 속성 값  [ 배경 (Background) ] 

  ㅇ 단축형 지정 例)  { background : #ffbc53 url(test.gif) no-repeat fixed left top }
     - 속성 순서 : 통상, color,image,repeat,attachement,position

  ㅇ 배경 속성
     - background-color  : 배경색
     - background-image  : 배경 이미지
        . 이미지 포멧 : PNG, JPEG, GIF
        . 형식 : url(이미지 파일이 있는 url 주소)
     - background-repeat : 배경 이미지 반복 (마치 타일 처럼 보임, 좌->우,상->하)
        . 웹브라우저 화면이 커지면 기본적으로 반복됨
        . 반복 금지 : no-repeat, 수평 반복 만 : repeat-x, 수직 반복 만 : repeat-y
     - background-attachment : 요소와 함께 스크롤 또는 고정 여부 (scroll, fixed)
     - background-position : 배경 이미지 위치
        . 키워드 지정 방식 
           .. left top (디폴트), left bottom, right top, right center, right bottom,
              center top,center center 등
        . 수치 지정 방식 
           .. 기준 위치 : 좌측 및 상단, 단위 : 픽셀 또는 em 또는 %
     - background-size : 배경 이미지 크기 조절
        . cover : 배경 이미지 너비를 웹브라우저 화면 가득하게 표시

  ※ [참고] ☞ w3schools.com (CSS Backgrounds)


[CSS] 1. CSS 2. CSS 선택자 3. CSS 박스 모델 4. block,inline 요소 유형 5. CSS 속성 값 6. CSS 배경 7. CSS 색상 8. CSS 위치 레이아웃 9. CSS 정렬 10. CSS 텍스트
  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.   NetBIOS
        2.   DNS
        3.   가상단말
        4.   FTP
        5.   전자메일
        6.   VoIP
        7.   웹기술
              1. 웹 이란?
              2. 하이퍼텍스트
          1.   웹 구성
          2.   HTTP
          3.   웹 페이지
            1.   마크업 언어
            2.   DOM,BOM
            3.   기능 요소
            4.   웹 디자인
                  1. 웹 디자인
                  2. 스타일 시트
              1.   CSS
                1.   1. CSS
                    2. CSS 선택자
                    3. CSS 박스 모델
                    4. block,inline 요소 유형
                    5. CSS 속성 값
                    6. CSS 배경
                    7. CSS 색상
                    8. CSS 위치 레이아웃
                    9. CSS 정렬
                    10. CSS 텍스트
          4.   웹 식별
          5.   웹 서비스
          6.   차세대 웹
          7.   웹기술 기타일반
        8.   VPN
        9.   무선인터넷
        10.   전자상거래
        11.   개인 컨텐츠
        12.   인터넷 기타 응용
      9.   인터넷 기타
      10.   패킷교환(PSN)
      11.   인터넷 관련 기관
  7.   정보기술(IT)
  8.   공업일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

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