시멘틱요소 (Semantic Elements)
CSS 속성들
색 표현
수치 값
a버튼
가상 클래스 (의사 클래스)
가상 요소 (의사 요소)
Float CSS
Clear CSS
B버튼 만들기 / C버튼 만들기
크롬 개발자도구 활용 (F12 버튼)
margin, padding, border (CSS box model)
Text 스타일링
image, input 요소
Transform
* animaiton CSS
background-clip
Flexbox
flex-flow, justify-content, align-items
align-content, align-self
flex item order
flex-grow, flex-shrink, flex-basis, flex
Grid CSS
display: table
Position CSS
z-index
Media Query : 미디어 사이즈에 맞춰 반응형 웹
1) pc : 1000px 이상
2) pad 751px 이상 999px 이하
3) phone 750px 이하
css 적용 우선순위
1)
2)
3)
4)
연습 : 유튜브 클론코딩, 인스타그램 클론코딩