개발자 되기 위한 발자취 18일차.

신철민·2021년 10월 7일
0

기존에 듣던 css강의를 다 듣고 새로운 강의를 들으며 느낀점은
내가 놓쳤 던 부분이 많았고 사용은 했지만 개념을 모르고 썻다는 것
그래! 기초를 다지자.

CSS

1. 선택자 우선순위

  • 우선 순위란. 같은 요소가 여러 선언의 대상이 된 경우
    . 점수가 높은 선언이 우선함
    . 점수가 같으면 마지막 작성 된 코드가 우선
    1순위. !impodtant
    2순위. inline선언
    3순위. id
    4순위. class
    5순위. 태그선택자
    6순위. 전체선택자
    7순위. 상속

2. CSS너비

  • width (가로)
  • height (세로)
    . 기본값은 auto
    . 최대 높이 제한 max-
    . 최소 높이 제한 min-
    . span은 콘텐츠의 크기만큼 너비가 줄어듬
    . div는 가로 넓이가 자동으로 늘어나는 성질 / 세로는 콘텐츠의 크기만큼 줄어듬

3. CSS표현단위

  • px 픽셀
  • % 상대적 백분율
  • em 요소의 글꼴크기
  • rem 루트(최상위)요소(html)의 글꼴크기
  • vw 뷰포트 가로 너비의 백분율
  • vh 뷰포트 세로 너비의 백분율

4. margin

  • margin 요소 외부의 여백을 지정하는 속성
    . ex) margin:10px; = top, right, bottom, left 전부적용
    . ex) margin:10px 20px; = 상하
    . ex) margin:10px 20px 30px; = 상 좌우 하
    . ex) margin:10px 20px 30px 40px = top부터 시계방향

5. padding

  • padding 내부의 여백을 지정하는 속성 (요소가 커지는 특성)
    . -margin과 똑같음-
profile
쉬운 일이었다면 나에게까지 오지 않았을 것

0개의 댓글