YoonStudyNote

Personal Open Source Business Explore body { margin: 0; padding: 0; } .header { background: white; border-bottom : 1px solid lightgray; /*밑줄선으로 1px 두께에 그냥줄로 빨간색으로 하겠다*/ } .container { width: 980px; margin: auto;/*화면 중앙으로 이동해줘*/ } .container-left { padding-top : 20px; /*padding은 최상위 요소에서 고치는것보다는 당장 효과를 봐야하는 작은 요소에서 설정하는것이 좋다*/ padding-bottom : 20px; } .logo { float: left; margin-right : 5px; } .l..

메뉴1 메뉴2 메뉴3 Section Article1 Contents... Article2 Contents... Article3 Contents... Aside chef1yoon@naver.com 111-222-333 header{ background : tomato; margin : 10px; padding : 20px; } header nav{ } header nav ul{ display : flex; } header nav ul li{ list-style : none; margin : 10px; } main{ display : flex; } section{ width : 70%; background: tomato; margin : 10px; padding : 10px; box-sizing: borde..

HTML 코드 Personal Open Source Business Explore CSS코드 body{ margin : 0; padding : 0; } .header{ background: white; border-bottom: 1px solid lightgray; /*1픽셀 두깨의 가늘한 실선을 밝은회색으로 하겠다*/ } .container{ width : 980px; margin : auto; } .container-left{ /*위아래는 20 좌우는0으로 정한다. 최상위 버전에서보다 하위버전에서 조절하는것이 좋다*/ padding-top : 20px; padding-bottom : 20px; } .logo{ float : left; margin-right: 10px; } .logo img { dis..