CSS 배경(Background), 문단 속성, 단위

191219 수업 내용 정리

---

배경 속성

   background : 배경 상위 속성
   ▷하위 속성 - 1. background-color : 색상
                            2. background-image : url(이미지파일 경로)
                            3. 이미지 반복 속성 : repeat-x (가로로 반복 출력)
                                                                  repeat-y (세로로 반복 출력)
                                                                  no-repeat (반복 안 함)
                             4. fixed : 이미지 고정 
                             5. background-position : x-position y-position; 이미지 위치 지정

                                                                         ▷  가로 위치 값 : left, center, right, 백분율, 길이
                                                                               세로 위치 값 : top, center, bottom, 백분율, 길이
                             ex) background: color url() repeat fixed position;
                                   → 상위 속성은 하위속성들을 한 번에 적용시킬 수 있음, 순서를 지켜야 함

 

---

 

문단 정렬 속성
   1. letter-spacing : 글자와 글자 사이의 간격을 조정
   2. word-spacing : 단어와 단어 사이의 간격 지정
   3. line-height : 줄 간격을 조절, 해당 줄의 위아래로 적용
   4. text-indent : 들여쓰기

 

 

---

단위

    1. 절대 단위 : pt, cm, mm
    2. 상대 단위 : pixel(모니터 상에 출력되는 점의 개수, 모 니터 스크린에 따라 달라보임), %(비율), em  
        ※ %는 상위 요소의 전체 넓이에 비례해서 지정할 수 있음

        ※ 1em= 약 16px

 

---

배경은 페이지를 세련되게 꾸미는데 중요한 요소이므로 반복 학습할 필요가 있습니다.