CSS 1st : CSS 적용, font, background, border, margkn, width, height

CSS란?

p.38

CSS의 선언방법

p.39

인라인 스타일

내장 CSS(임베디드 embedded) 스타일

외부 css 링크

CSS의 초기화

CSS 초기화의 장점

각 브라우저별 디폴트 스타일이 틀리다. 그 차이로 인해 발생하는 문제를 해결할 수 있다.

CSS 초기화의 반대입장

전체선택자(*)를 사용하는 등의 css초기화가 브라우저의 성능저하를 발생시킬 수 있다. 초기화 파일 때문에 추가적인 서버 요청이 발생하여 사이트 성능이 저하된다.(외부 리소스 링크의 수를 줄이는 방법)

CSS사용 기본규칙

p43~p52

css 단축

단축설명

CSS사용

폰트

  • font
    • font-style
    • font-variant
    • font-weight
    • font-size
    • font-family
    • line-height
  • color
  • letter-spacing
  • text-align
  • text-decoration
  • text-indent
  • vertical-align
  • white-space

배경

  • background
    • background-color
    • background-image
    • background-repeat
    • background-attachment
    • background-position

테두리

  • border
    • border-top
    • border-right
    • border-bottom
    • border-left
    • border-width
    • border-top-width
    • border-right-width
    • border-bottom-width
    • border-left-width
    • border-style
    • border-top-style
    • border-right-style
    • border-bottom-style
    • border-left-style
    • border-color
    • border-top-color
    • border-right-color
    • border-bottom-color
    • border-left-color

간격

  • margin
    • margin-top
    • margin-right
    • margin-bottom
    • margin-left
  • padding
    • padding-top
    • padding-right
    • padding-bottom
    • padding-left

크기

  • width
  • height