[Project] 자유게시판 : free.html
·
◈ Human Project/화면 설계 [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
·
◈ Human Project/화면 설계 [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
·
◈ Human Project/화면 설계 [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
·
◈ Human Project/화면 설계 [HTML]🐯
- 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..
[Nginx] 웹 서버에 HTML 연동하기 [Nginx 서버에 html 파일 업로드]
·
▣ Server/Nginx🧶
[Nginx] 초기 페이지 변경하기[index.html 파일 활용] [Nginx] Nginx 서버 설치, 도메인 연결[Windows 내 모든 포트 허용, AWS 포트 개방] [Nginx] AWS 가상머신, 원격 데스크톱 연결[AWS 가상머신 세팅, 원격 데스크톱 연결하기] 1. AWS 가상머신 세팅하기 클라우드 yermi.tistory.com 모여봐요, 동물의 숲 천재파일럿, 로드리 나비처럼 부드럽게, 벌처럼 빠르게! yermi.works