Section 1 -Unit 4 [CSS 기초]
체크포인트
주요 Atribute
- Color : 글자 색상
- text-decoration : 밑줄, 가로줄등 텍스트 꾸미기 옵션
- background-color : 텍스트 배경색
- font-size, font-family ... : 글자 크기 및 스타일등 관련 font 옵션 확인할 것
주요 단위!!(예제 풀어보면서 익숙해 지기)
- 절대 단위(px, pt) : 인쇄와 같은 고정된 사이즈의 환경에서 유용
- 상대 단위(%, rm, vw, vh) : 반응형 웹과 같은 유동적이고 상대적인 크기의 환경에서 유용
박스모델
- block, inline, inline-block 간의 차이점 및 특징 이해하기 (줄 바꿈, 기본너비, 높이 너비 속성성 유무)
- border(테두리), margin(바깥여백), padding(안여백) 이해
- box-size 속성 옵션(content-box, border-box) width, height 측정 방법 및 차이 이해 ! !중요! !
주요 Selector
- # --> id, . --> class, * --> 전체, 태그[속성] --> 속성
- Decendant Selector(후손): 태그 태그
- Child Seclector(자신): 태그 > 태그
- Sibling Selector(형제): ~(전체 형제), +(인접 형제)
- Pseudo Selector(가상 클래스): .hover(마우스 위), .visited(방문), .focus(탭), .link(미방문) 등
후기
- CSS의 기초에 대해 배움
- 기존에 접한(C언어, 파이썬, 자바)와 조금은 다른 문법과 특징을 가진 언어(StyleSheet)
- html을 배울 때 마찬가지로 많이 찾아보고 질문하며 공부함
- 질문에 대한과 공부한 것을 바탕으로 나에게 답해주신 분들과 다른 분들의 질문에 대답하려고 노력함
- 그 중 내 질문에 대답해 주신분의 질문(디자인적인 부분에서의 vw의 활용, CSS 우선순위)에는 대답하지 못했고 오히려 더 배움을 얻음...
- 다음 Unit에서는 html/CSS 활용을 배우는데 더 노력해야겠다 생각함