- reset_and_common.html
<!DOCTYPE html>
<!-- html/basic_code_09_reset_and_common_css.html -->
<html lang="ko-KR">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../css/base/reset.css">
<link rel="stylesheet" href="../css/base/common.css">
<title>Document</title>
</head>
<body>
<h1><a href="./all_contents.html">웹기초</a></h1>
<hr />
<h2>reset 세팅</h2>
<ul>
<li>html, body 에 들어가는 여백 초기화</li>
<li>div, 제목, 내용, 이미지, 리스트 여백, 선 초기화</li>
<li>list의 앞에 들어가는 list-style 제거</li>
<li>a요소의 글씨색, 밑줄 제거</li>
</ul>
</body>
</html>
-------------------------------------------------------------------------------
- reset.css
@charset "UTF-8";
/* reset.css */
html, body {
width:100%; height:100%;
margin:0; padding:0;
}
h1, h2, h3, h4, h5, h6,
p,pre,blockquote,address,
ul,ol,li,dt,dd,
img,br,hr,div {
margin:0; padding:0; border:0; outline:0;
}
ul,ol,li { list-style:none; }
a {
color: inherit;
text-decoration: none;
}
-------------------------------------------------------------------------------
- common.css
/* @charset "UTF-8"; */
/* common.css */
.clearfix:after,
.clearfix::after {
content:" ";
display:block;
clear:both
}
'coding > html' 카테고리의 다른 글
| 0520 / position.html & css 개념 (0) | 2021.05.20 |
|---|---|
| 0518 / margin,border,padding,outline.html & css 요소 작성 (0) | 2021.05.18 |
| 0517 / psuedo.html & css (0) | 2021.05.17 |
| 0517 / layout.html & css (header 영역 추가) (0) | 2021.05.17 |
| 0513 / layout.html (float속성 & clear속성) (0) | 2021.05.13 |
