SMALL 프론트엔드 개발자/HTML8 클론코딩 레이아웃만들기 4 HTML 삽입 미리보기할 수 없는 소스 @charset 'UTF-8'; /* layout */ .h-wrap { margin: 0 auto; width: 1682px; } .h-wrap .h-top{ height: 63px; background-color: bisque; } .h-wrap .h-bt{ height: 45px; background-color: rgb(194, 120, 29); } /*section*/ .m-wrap { width: 100%; } .m-wrap .sec01 { width: 100%; height: 604px; background-color: darkgoldenrod; } .m-wrap .sec02 { width: 1386px; height: 256px; background-c.. 2023. 3. 29. html css 리스트 연습하기1 DOCTYPE html> Document 한식 국밥 김밥 김치찌개 중식 자장면 짬뽕 우동 양식 파스타 짬뽕 우동 포탈사이트 다음 블로그 카페 웹툰 네이버 네이트 방송국 mbc sbs kbs 게임사이트 게임 게임 게임 메뉴 하위메뉴 하위메뉴 하위메뉴 2023. 3. 21. Html 구글 폰트 적용하기 사용하기 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 구글 폰트 사이트에 접속한 뒤 원하는 폰트를 입력해 주세요. 저는 노토산스 코리아를 선택했습니다. 폰트를 선택한후 이렇게 link 코드가 같이 나오는데요. 아이콘 복사버튼을 클릭해서 html head 부분에 넣어줍니다. 그리고 해당 스타일적용 시트에 (css) 사진 삭제 * { font-family : '원하는폰트이름' } 을 넣어서 사용하시면 됩니다 ^^ 사진 설명을 입력하세요. 2023. 3. 8. html, css , 자바스크립트 주석 및 css 스타일 주석 /*css, 자바스크립트 주석*/ css사용방법 1)인라인 스타일 : 태그에 직접적으로 스타일 선언 2)내부 스타일 : head 요소안에서 스타일을 선언 3)외부 스타일 : css파일 생성후 html 문서에서 로딩하는 방식 2023. 3. 7. 이전 1 2 다음 LIST
