header4 [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] 기본 이해하기 1.시작 더보기 파일명이 HTML이 아닌경우 나오지 않는다. viewport=반응형 더보기#wrap +tap더보기id는 한번만 사용 2. 다중 div 한번에 속성넣기 3. 레이아웃 01 더보기/*주석*/ = style = ctrl + / 한줄 주석 m0-auto = margin: 0 auto;주석/*주석*/ = style ctrl + / 한줄 주석 = body m0-auto margin: 0 auto; 더보기* (universal selector)은 전체 모든 요소를 선택하는 CSS선택자이다.wrap 높이값 맞추기더보기wrap 높이값 맞추기가장 기본이되는 틀의 높이값은 주지 않으면 된다.→자동으로 가장 긴 높이값을 찾아서 줌 헤더 배너 컨텐츠1 컨텐츠2 푸터 글씨 정리 * margin: 0; /*바깥쪽 .. 2023. 3. 31. 이전 1 다음
