기존에 듣던 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과 똑같음-