본문 바로가기

내마음대로만들어보자/HTML52

인라인 구조 vs 블럭 구조 태그 종류 - 인라인태그 vs 블록구조 * 인라인구조 태그 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , * 블록구조태그 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 2022. 4. 9.
여백 초기화 참고 여백 초기화 (참고) * 여백 초기화 */ body, div, ul, li, dl, dd, dt, ol, h1, h2, h3, h4, h5, h6, input, fieldset, legend, p, select, table, th, td, tr, textarea, button, form, figure, figcaption {margin:0; padding:0;} /* a 링크 초기화 */ a {color: #222; text-decoration: none;} a:hover {color: #2698cb;} /* 폰트 초기화 */ body, input, textarea, select, button, table {font-family: 'Nanum Gothic', AppleSDGothicNeo-Regular,.. 2022. 4. 9.
background url 1. background css 속성 - background-color 더보기 body { background-color: lightblue; } h1 { background-color: rgb(255,128,0); } p { background-color: #FFFFCC; } - background-image 더보기 body { background-image: url("/examples/images/img_background_good.png"); } - background-repeat 더보기 body { background-image: url("/examples/images/img_man.png"); background-repeat: repeat-x; } - background-position 더보기 .. 2022. 4. 9.
HTML5 아웃라이너(틀잡기) * html5 outliner https://gsnedders.html5.org/outliner/ HTML 5 Outliner gsnedders.html5.org 항상 코딩을 하기에 앞서, 아웃라이너 작업을 해서 순서대로 코딩을 할 수 있도록 습관을 들이자. (네이버 같은 사이트도 아웃라인이 어떻게 잡혀있는지 알수있다.) * 아웃라이너 예시 봄에 피는 꽃 봄에 피는 꽃 뉴스스탠드 주제별 캐스트 Sign in 타임스퀘어 공지사항 Creators Partners Developers 네이버 정책 및 약관 반응형 사이트 반응형 사이트 전체 메뉴 반응형 사이트 서브 타이틀 반응형 사이트 컨텐츠 반응형 사이트 왼쪽 컨텐츠 반응형 사이트 왼쪽 컨텐츠1 반응형 사이트 왼쪽 컨텐츠2 반응형 사이트 왼쪽 컨텐츠3 반응형 .. 2022. 4. 9.

티스토리툴바