HTML7 [1HCC] DAY - 003 - 메뉴바 꾸미기 [학습내용] 언어: HTML, CSS 학습자료: How To Create a Responsive Top Navigation Menu (w3schools.com) 배운 것: HTML 메뉴바 생성 및 CSS 메뉴바 꾸미기 학습내용 상세 [HTML] Remember Me - Stylesheet "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" 에서 폰트를 가져와 사용한다. - "topnav" 클래스를 "div" 태그에 지정한다. - "#home"으로 페이지 내 태그를 설정한다. - 로고 이미지와 글자를 삽입한다. [CSS] .topnav { background-color: #333; overflow: hidd.. 2024. 2. 21. [1HCC] DAY - 002 - CSS 배경 애니메이션 제목: [1HCC] DAY - ## - 제목 [학습내용] 언어: CSS 학습자료: Pure CSS Shooting Star Animation Effect | CSS Only (youtube.com) 배운 것: 애니메이션, 오브젝트 애니메이션 학습내용 상세 [HTML] "span" 태그를 활용하여 오브젝트를 생성하고 CSS를 활용하여 애니메이션 효과를 만든다. [CSS] * { margin:0; padding:0; box-sizing: boarder-box; } - "*"는 모든 CSS에 적용되는 양식으로 여백이 없도록 페이지를 설정한다. - "box-sizing: boarder-box"는 padding과 border가 전체 가로 세로 크기 안에 포함되도록 설정한다. body { overflow: hidd.. 2024. 2. 20. [1HCC] DAY - 001 - HTML 템플레이트 [학습내용] 언어: HTML 학습자료: Responsive Web Design Certification | freeCodeCamp.org https://www.freecodecamp.org/learn/2022/responsive-web-design www.freecodecamp.org 배운 것: HTML 작성 템플레이트 암기 HTML 태그, main, section, span [학습내용 상세] - HTML 템플레이트 - HTML 태그 Main: 웹페이지에 삽입되는 주 컨텐츠를 입력하는 공간, 컨텐츠 입력 공간 중 최상위 태그로 다른 하위 태그 아래에 선언될 수 없다. .... Div 아래의 main 태그 선언하면 안됨! section: 컨텐츠 구역을 선언하는 태그 ... 오늘은 2024-01-23 화요일.. 2024. 1. 23. 이전 1 2 다음 반응형
