긴급 질문 - css 유효성 검사 오류
미해결
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
다음과 같이 에러가 생기는데 괜찮은 건지 확인부탁드립니다. <style.css> 소스입니다. @charset 'utf-8'; body{ margin:0; background-color: #fff; color:#222328; font-size:15px; } a{ color:#222328; text-decoration: none; } .container{ width:1000px; } .container > div{ float:left; box-sizing: border-box; } .left{ width:200px; } header{ position:relative; z-index:10; } header > div { } .header-logo{ height:100px; line-height: 130px; } .navi{ height:450px; } .right{ width:800px; } .right > div{ } .slide{ } .slide > div{ height:350px; } .items{ overflow:hidden; } .items > div{ border:1px solid pink; height:200px; float:left; box-sizing: border-box; } .content{ width:300px; } .gallery{ width: 300px; } .banner{ width: 200px; } footer{} footer > div{ float:left; box-sizing: border-box; height:100px; } .copyright{ width:600px; text-align: center; padding-top:40px; } .footer-inner{ width:200px; } .footer-inner div { height: 50px; box-sizing: border-box; text-align: center; } .footer-inner div:nth-child(1){ padding-top: 10px; } .footer-inner div:nth-child(2){ padding-top: 5px; } /* Nabigation */ .menu{ padding:0; list-style: none; position:relative; width:90%; margin: auto; text-align: center; /*왼쪽여백 줘야하는데...margin:auto; */ /*메뉴 밑 부분에 여백이 없어야하는데 */ } .menu li{ box-sizing: border-box; } .menu li > a{ display:block; padding:10px; border:1px solid black; } .menu li:hover > a{ background-color: #000; color:#fff; } .submenu{ border:1px solid black; margin: auto; display:none; position:absolute; top:0; left:100%; width:100%; height:200px; background-color: #fff; } /*넓어야되는데 padding:5px;*/ .submenu > a { display:block; background-color: #fff; padding:5px; } .submenu > a:hover{ background-color: #000; color:#fff; } /* slide */ .slide{ position:relative; } .slide > div a{ position:absolute; left:0; top:0; opacity:0; animation:slide 10s linear infinite; } .slide > div a:nth-child(1){ animation-delay: 0s; } .slide > div a:nth-child(2){ animation-delay: 3.5s; } .slide > div a:nth-child(3){ animation-delay: 7s; } @keyframes slide{ 0%{opacity:0; visibility:hidden;} 5%{opacity:1;} 35%{opacity:1;} 40%{opacity:0;} 100%{opacity:0;} } /* 공지사항 & gallery */ .tab-inner{ width:97%; margin:auto; } .btn{} .btn span{ border:1px solid pink; display:inline-block; width:100px; text-align: center; border-radius:5px 5px 0 0; border-bottom:none; margin-bottom: -1px; background-color: #fff; } .tab1{ border:1px solid black; padding-bottom: 10px; } .tab2 { border:1px solid black; padding-bottom: 40px; } .tab1 a{ display:block; border-bottom: 1px solid black; } .tab1 a:last-child{ border-bottom: none; } .tab1 a em { font-style: normal; } .tab1 a b{ float:right; font-weight:normal; } .tab2{} .tab2 a{ display:inline-block; } .tab2 a img{ width:90px; padding-top:40px; text-align: center; } /* Modal */ .modal{ position:absolute; width:100%; height:100%; left:0; top:0; background-color: rgba(0, 0, 0, 0.42); display:none; } .modal-content{ position:absolute; left:50%; top:50%; width:400px; height:450px; transform:translate(-50%,-50%); background-color: #fff; border-radius:10px; padding:20px; } .modal-content h2{ background-color: #000; color:#fff; text-align: center; font-weight:normal; padding:5px 10px; } .modal-content p{} .close-modal{ float:right; border:1px solid black; width:60px; height:30px; text-align: center; padding:5px 10px; font-size:13px; }
- w3c유효성검사
- HTML/CSS
- jquery
- 웹 디자인