CSS 이해하기
1.CSS
https://developer.mozilla.org/en-US/docs/Web/CSS/borderhttps://developer.mozilla.org/en-US/docs/Web/CSS/background-color
2.Adding CSS
inline,internal,external
3.CSS Selector
선택자 우선순위 확인
4.color vocab project
선택자 우선순위 확인
5.Font Properties
em 과 rem의 차이
6.CSS Box model
content padding border margin
7.project: Motivation Meme
html CSS Result
8.CSS Cascade
html CSS Result
9.Combining CSS selector
html CSS
10.CSS positioning
html Result
11.project: CSS Flag
html Result
12.CSS Display
inline-block,block
13.CSS Float
clear,float
14.Responsiveness
bootstrap result flexbox result grid result media-query Result
15.Project: Web design Agency
html CSS Result https://brrkak.github.io/Web-design-Agency-/ object-fit >- CSS object-fit 속성은 `나 ` 요소와 같은 대체 요소의 콘텐츠 크기를 어떤 방식으로 조절해 요소에 맞출 것인지 지정합니다. object-position 속성을 사용해 대체 요소 콘텐츠가 콘텐츠 박스 내에 ...
16.Flex direction
flexbox
17.Flex pricing Table
html Result
18.Display grid
html Result
19.Grid sizing
https://appbrewery.github.io/grid-sizing/
20.grid placement
Grid layout을 이용한 garden 게임https://appbrewery.github.io/gridgarden/#ko
21.Project: Mondrian
html Result
22.Project: Tindog
https://brrkak.github.io/Tindog/
23.CSS Design
https://colorhunt.co/CSS 디자이너 추천 색https://www.dailyui.co/데일리 CSShttps://collectui.com/https://www.canva.com/ko_kr/