스타일 복습

12295 단어 CSSCSS
<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>스타일 복습하기</title>
	<style>
		#container {
			width:650px;
			margin:0 auto;
			padding:5px;	
		}
		#check {
			width:640px;
			border:1px solid #ccc;
		}		
		h1 {
			color: white;
			font-size: 1em;
			background: #222;
			margin: 0;
			padding: 10px;
		}
		h2 {
			color : #ff0000;
			font-size : 1.5em;
			text-align : center;
		}
		p {
			font-size : 1.2em;
			line-height : 2em;
			font-weight : bold;
			text-align : center;
		}
		.accent {
			color : #0000ff;
		}
		.smalltext {
			font-size : 0.7em;
		}
	</style>
</head>

<body>
	<div id="container">
		<img src="images/top.jpg" alt="가정용 꿀사과 - 흠집이 있고 약간은 못생겼지만 맛과 영양은 그대로입니다. 질좋은 사과를 저렴하게 즐겨보세요">		
		<div id="check">
			<h1>확인하세요</h1>
			<h2>주문 및 배송</h2>
			<p><span class="accent">오후 2시 이전</span> 주문건은 당일 발송합니다<br>
			2시 이후 주문건은 다음날 발송합니다(주말 제외)</p>
			<hr>
			<h2>교환 및 환불</h2>
			<p>불만족시 <span class="accent">100% 환불</span>해 드립니다<br>
			고객센터로 전화주세요</p>
			<hr>
			<h2>고객센터 </h2>
			<p>0000-0000<br>
			<span class="smalltext">상담시간 : 오전 9시 ~ 오후 6시 (토/일, 공휴일 휴무)</span></p>
		</div>
	</div>
</body>
</html>

  • 이제 코딩 복습을 하루치로 나눠서 하루씩 복습해야겠다. 확실히 간격이 줄다보니 기억이 더 잘 나는거같다. HTML복습을 할 때 보다 하는게 더 잘 보여서 좋다.
    역시 나는 이렇게 내가 코딩한 결과물이 바로 바로 나오는게 좋은거 ```
    코드를 입력하세요

좋은 웹페이지 즐겨찾기