◈ Human Project/화면 설계 [HTML]🐯

[Project] 게시판 글쓰기 : write.html

- CSS : 게시판 글쓰기(write.html) /* 게시판 글쓰기 */ .write { width: 700px; margin: 0 auto; border-top: 3px solid gray; border-bottom: 3px solid gray; } .write input {width: 676px; padding: 10px; margin: 12px auto 0;} .write .text {table-layout: fixed; height: 300px; white-space: pre-line; word-break: break-all; } .write .button {padding: 0 200px; margin: 15px auto;} .write .button a { border: 1px solid bl..

[Project] 자유게시판 : free.html

- CSS : 자유게시판(free.html) /* 자유게시판 */ .free table {width: 700px; margin: 0 auto; border-collapse: collapse; table-layout: fixed;} .free th {border-top: 3px solid blue; border-bottom: 3px solid blue;} .free td {border-bottom: 1px solid gray;} .free .col1, .free .col4 {width: 8%;} .free .col3, .free .col5 {width: 14%;} .free th, .free td {padding: 10px;} .free td + td {text-align: left; white-space..

[Project] 공지사항 : notice.html

- CSS : 공지사항(notice.html) /* 공지사항 */ .notice table {width: 700px; margin: 0 auto; border-collapse: collapse; table-layout: fixed;} .notice th {border-top: 3px solid blue; border-bottom: 3px solid blue;} .notice td {border-bottom: 1px solid gray;} .notice .col1, .notice .col4 {width: 8%;} .notice .col3, .notice .col5 {width: 14%;} .notice th, .notice td {padding: 10px;} .notice td + td { text-ali..

[Project] 메인페이지 : index.html

- CSS : 메인페이지(index.html) /* 메인페이지 */ .index {width: 900px; margin: 0 auto;} .index::after {content: ''; display: block; clear: both;} .index .mainbox {width: 640px; float: left; padding: 20px;} .index .box {width: 630px; padding: 5px;} .index .box h2, .index .box h3, .index .box p {margin: 10px 0;} /* index : top */ .index .top { width: 630px; height: 200px; background-size: 110%; background-po..

[Project] 시맨틱(semantic) 태그 : header, nav, main, footer

- CSS : 시맨틱 태그(header, nav, main, footer) @font-face { font-family: 'over'; src: url(font/AnyConv.com__koverwatch.woff); } /* body */ body {margin: 0; font-family: 'over'; font-size: 18px; color: rgb(80, 80, 80);} /* header */ header {background: #fee;} header .homebox {width: 1024px; height: 150px; margin: 0 auto; background-size: 100%; background-repeat: no-repeat; background-image: url(images..