HTML7 [HTML] 유진건설 홈페이지 기본적인 틀 만들기 이미지 강제로 비율 맞추는 법 #contents .link>ul>li>img{ width: 380px; height: 120px; 더보기 회사소개 인사말 조작구성도 오시는 길 사업영역 전원주택 도시재생 인테리어 입주정보 입주단지 입주캘린더 고객센터 공지사항 건축상담 홍보자료실 공지사항 유진건설은 오는 5월 1일붙터 웹페이지 공사가 들어갑니다. 이용에 불편함을 드려서 죄송합니다. 유진건설은 오는 5월 1일붙터 웹페이지 공사가 들어갑니다. 이용에 불편함을 드려서 죄송합니다. 유진건설은 오는 5월 1일붙터 웹페이지 공사가 들어갑니다. 이용에 불편함을 드려서 죄송합니다. 유진건설은 오는 5월 1일붙터 웹페이지 공사가 들어갑니다. 이용에 불편함을 드려서 죄송합니다. 갤러리 바로가기 회사소개 이용약관 무단복제 정보.. 2023. 4. 11. [HTML] 스크립트&폰트 설정 지난 시간 ... position 더보기 재단소개 설립취지 연혁 찾아오시는 길 후원하기 국내후원 국외후원 맞춤후원 자료실 서식자료싷 사진자료실 후원양식 스토리 웹진 보고서 나의 후원 공지사항 'GREEN : 나눔', 프로젝트 신청 안내 2023 복지관 채용 공고 공지사항 안내 2023 그린 이웃 with me 프로젝트(3월) 결과보고 자료 2023 그린 이웃 with me 프로젝트 신청 안내 사항 및 주의 사항 2023 그린 이웃 with me 프로젝트 갤러리 바로가기 회사소개 사이트맵 개인정보처리방침 이메일수집거부 사이버감사실 @charset "utf-8"; *{margin: 0;padding: 0; box-sizing: border-box; font-family: 'NanumSquareNeo-Vari.. 2023. 4. 11. [HTML] 스크립트 사용법 & 가상요소 활용 @charset "utf-8"; *{margin: 0;padding: 0;} li{list-style: none;} a{text-decoration: none; } h1,h2,h3,h4,h5,h6{} .clearfix::after, .clearfix::before{content: ""; display: block; clear: both;} #wrap{width: 1200px;margin: 0 auto;} #header{width: 100%; /* height: 100px; background-color: antiquewhite; */ } #footer { width: 100%; height: 100px; background-color: aqua; } #header >.logo{float: left;} #.. 2023. 4. 7. [HTML] 포지션 활용 헤더 복습 로고 인라인 구조는 넓이가 적용되지 않는다. cursor: pointer; 임의로 커서가 손모양으로 바꾸는 명령어 로고 m1 m2 m3 m4 포지션과 서브 메뉴나머지를 짤라주는 명령어 overflow: hidden;position: absolute; left: 100px; top: 0; 화면기준의 자리설정 position: relative; text-transform: uppercase; 대문자변경position더보기static: 기본값으로, 요소는 문서 흐름에 따라 배치됩니다. relative: 요소를 자신의 정상 위치에서 상대적으로 이동합니다. top, right, bottom, left 속성을 사용하여 이동 거리를 지정할 수 있습니다. absolute: 요소를 가장 가까운 위치 상위 요소.. 2023. 4. 6. [HTMl] 이미지 / 리스트 더보기 @charset "utf-8"; *{margin: 0; padding: 0;} body{background-color: azure;font-size: 24px; text-align: center; } #wrap{width: 1200px; margin: 0 auto; background-color: black;} #header{width: 100%; background-color: cadetblue;} #banner{width: 100%; height: 300px; background-color: aquamarine; clear: both;line-height: 300px;} #contents{width: 100%; background-color: darkcyan;} #footer{width: 10.. 2023. 4. 4. [HTML] 간단한 기본 홈페이지 구조 @charset "utf-8"; *{margin: 0;padding: 0;} #wrap{width: 1000px; height: 650px; margin: 0 auto;} header{width: 300px; height: 650px; background-color: antiquewhite;float: left;} header .logo{width: 300px; height: 150px;background-color: azure;} header .nav{width: 300px; height: 500px; background-color: beige;} #sec{width: 700px; height: 650px; background-color: aliceblue; float: left;} #banner{wi.. 2023. 4. 3. 이전 1 2 다음
