2024. 7. 7. 14:47ㆍWeb수업
1, CSS 테두리
https://summer-teeth-9da.notion.site/CSS-border-e4be66a9dab9423096d4160ac64e7ee5?pvs=4
CSS 속성 - 테두리(border) | Notion
테두리(Border) 란?
summer-teeth-9da.notion.site
2, CSS - border-radius
https://summer-teeth-9da.notion.site/CSS-border-radius-136162b4775b4e1b898eb0b074a9d708?pvs=4
CSS 속성 - border-radius | Notion
border-radius란 무엇인가?
summer-teeth-9da.notion.site
3, CSS 넘침제어
https://summer-teeth-9da.notion.site/CSS-overflow-2e1a6185740e4da5ac30df49ec3318fa?pvs=4
CSS 속성 - 넘침제어(overflow) | Notion
넘침 제어 (overflow)란?
summer-teeth-9da.notion.site
4, CSS display
https://summer-teeth-9da.notion.site/CSS-display-db8a7773e6a34346a782ac1bb60f5dc7?pvs=4
CSS 속성 - display | Notion
display란?
summer-teeth-9da.notion.site
5, CSS 투명도
https://summer-teeth-9da.notion.site/CSS-opacity-4fee9863b5004a578773c07bcd246536?pvs=4
CSS 속성 - 투명도 (opacity) | Notion
투명도(opacity)란?
summer-teeth-9da.notion.site
6, CSS 글꼴
https://summer-teeth-9da.notion.site/CSS-a7da1d78a2a649faac942e21ac60554c?pvs=4
CSS 속성 - 글꼴 | Notion
간단히 이야기 하자면 화면에 보이는 텍스트를 꾸며준다 라고 생각하면 된다
summer-teeth-9da.notion.site
7, CSS 문자
https://summer-teeth-9da.notion.site/CSS-4600cc527d214841a27c1e847e8aae07?pvs=4
CSS 속성 - 문자 | Notion
이 부분은 텍스트의 색상과 위치를 정해주는 부분이다 자세히 봐보자
summer-teeth-9da.notion.site
8, CSS 배경
https://summer-teeth-9da.notion.site/CSS-ba3ae664fba7475b8b412bb83a2f7d91?pvs=4
CSS 속성 - 배경 | Notion
background를 꾸며준다
summer-teeth-9da.notion.site
9, CSS 배치
https://summer-teeth-9da.notion.site/CSS-1-3cdba8aede084b9f924a852596081919?pvs=4
CSS 속성 - 배치1 | Notion
relative는 사용안하고 Absolute 를 자주 사용
summer-teeth-9da.notion.site
10, CSS 플렉스
https://summer-teeth-9da.notion.site/CSS-2542c1724cd44e5ab28223c9b3454000?pvs=4
CSS 속성 - 플렉스 | Notion
플렉스(flex)란 무엇인가?
summer-teeth-9da.notion.site
11, CSS 전환
https://summer-teeth-9da.notion.site/CSS-2b0f9907fc824839b4fa6d1c5ac6d6b3?pvs=4
CSS 속성 - 전환 | Notion
전환이란 무엇인가?
summer-teeth-9da.notion.site
12, CSS 변환 효과
https://summer-teeth-9da.notion.site/CSS-9c0492225aa241c8b745d3dee7740b3b?pvs=4
CSS 속성 - 변환 효과 | Notion
2D 변환 함수
summer-teeth-9da.notion.site
과제 예시
https://github.com/seongukHEO/FirstProjectHtmlCss
GitHub - seongukHEO/FirstProjectHtmlCss: META 1차 과제(Html, CSS)
META 1차 과제(Html, CSS). Contribute to seongukHEO/FirstProjectHtmlCss development by creating an account on GitHub.
github.com
'Web수업' 카테고리의 다른 글
| Web 5주차 수업 자료 (0) | 2024.07.22 |
|---|---|
| Web 수업 4주차 자료 (0) | 2024.07.13 |
| Web 2주차 수업 자료 (1) | 2024.07.01 |
| Web 1주차 수업 자료 및 링크 (0) | 2024.06.30 |
| CSS란 무엇인가? (2) | 2024.06.30 |