개발일지 210716

학습한 내용

✔덴마크 쇼핑몰 카피캣 실습
(저작권으로 인해 레이아웃 중심으로만!)

• 반응형 웹사이트 setting
  📌Viewport값 default로 넣기;

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content"">
<meta name="author" content"">
<meta name="keywords" content""> 검색엔진에 잘 걸릴 수 있도록!

• .svg (이미지 확장자)
  svg태그를 사옹해서 이미지를 구성함

• 상단 오른쪽 메뉴 버튼 3개

HTML
<nav class="buttons">
	<ul>
    	 <li>
         	<a href="#" class="menu-button">
            	<img src="">
            </a>
         </li>
         <li>
         	<a href="#" class="menu-button">
            	<img src="">
            </a>
         </li>
         <li>
         	<a href="#" class="menu-button">
            	<img src="">
            </a>
         </li>
     </ul>
  </nav>      

📍CSS 초기화
* { margin: 0; padding:0; box-sizing: border-box; }
html body { width:100%; height:100%; }
body { overflow-x: hidden; font-family: sans-serif; color: }
li { list-style : none; }

학습소감

수정 중…