seminar

2021 winter-vacation HTML/CSS seminar

index.htmlstyle.css

index.htmlstyle.cssindex.htmlstyle.css업로드중..index.htmlstyle.css

html/css로 웹사이트 직접 코딩해보기 \[1/4] | 홈페이지 만들기\[코딩 독학] html/css로 웹사이트 직접 코딩해보기 \[2/4] | 홈페이지 만들기\[코딩 독학] html/css로 웹사이트 직접 코딩해보기 \[3/4] | 홈페이지 만들기\[코딩 독학]

2021-winter-vacation-HTML&CSS-seminarHTML_CSS_JS/tryIt/in-the-water-friends at main · ryukyung/HTML_CSS_JSIn The Water Friends

index.htmlinformation.htmlkind.htmlstyle.csssub.css→ cover : 요소에 이미지를 최대한 크게 보여준다(이미지가 잘릴 수 있다)→ contain : 요소에 이미지를 최대한 크게 보여주되 잘리는 부분이 없고 동일한 비율을 유지한

index.htmlstyle.cssindex.htmlstyle.css→ 문서 내의 정상적인 흐름을 건들이지 않는다→ 요소를 이동하려고 음수 마진을 사용하면 그 뒤에 오는 모든 요소들도 같이 이동→ 음수 패딩 사용 시 테두리가 내용으로 축소, 내용 영역이 내용보다 작아지

index.htmlstyle.cssmain.js

업로드중..index.htmlstyle.css

2021 winter-vacation HTML&CSS seminar: week2 이 글의 내용을 다시 만들고 스크롤바를 변경하였다.index.htmlstyle.css

index.htmlstyle.css

How To Make A Website Like YouTube Using HTML CSS JS | Video Sharing Website DesignDomain 연결index.htmlplay-video.htmlstyle.cssscript.js

→ 쌓임 맥락(Stacking context)자식 엘리먼트들의 z-index 속성 값은 부모 안에서만 의미를 가진다부모 엘리먼트의 쌓임 맥락을 구성하는 하나의 단위부모가 가지고 있는 z-index 값이라는 기본 속성이 낮으면 자식의 z-index값이 높아도 부모의 쌓임

2022 Summer Vacation Seminar - HTML/CSSindex.htmlstyle.cssmain.js

Domain 연결FigmaGithub RepoOur Solar SystemSolar System Scope→ 주기에 맞게 돌아가게하기 (three.js or 삼각함수)→ 마우스 커서 변경→ hover 했을 때 글씨 나타나고 행성 커지게