for me
<!DOCTYPE HTML>
<html>
<head>
<title>HTML5 기본 구조</title>
<meta charset="UTF-8" />
</head>
<body>
<header></header>
<nav></nav>
<section></section>
<aside></aside>
<footer></footer>
</body>
</html>
/* 2. 내부 스타일시트 */
<style type="text/css">
h1 {
color : blue;
text-align:center;
}
<style>
/* 3. 외부 스타일시트 */
<head>
<link rel="stylesheet" href="/examples/media/expand_style.css">
<link rel="stylesheet" type="text/css"
</head>
h2 { text-decoration: overline; }
h3 { text-decoration: line-through; }
h4 { text-decoration: underline; }
a { text-decoration: none; }
<h1>text-decoration 속성을 이용한 텍스트의 효과 설정</h1>
<h2>텍스트에 윗줄을 만듭니다.</h2>
<h3>텍스트를 통과하는 가운데 줄을 만듭니다.</h3>
<h4>텍스트에 밑줄을 만듭니다.</h4>
div.parent{
height : 100px;
margin-left : 100px;
}
div.child {
background-color : #FFF8DC;
margin-left : inherit;
}
div.desc {
background-color : #FFF8DC;
margin : 10px, 20px, 30px, 40px <!-- 위 10, 오른쪽 20, 아래 30, 왼쪽 40-->
margin : 10px, 20px, 30px <!-- 위 10, 오른쪽 20, 아래 30, 왼쪽 20-->
margin : 10px, 20px<!-- 위 10, 오른쪽 20, 아래 10, 왼쪽 20-->
margin : 10px <!-- 위 10, 오른쪽 10, 아래 10, 왼쪽 10-->
margin : auto <!-- 부모화면의 중앙-->
}
<div class="parent">
<div class ="child"></div>
</div>
<style>
p { border: 1px solid black; }
p.none { outline: 3px none teal; }
</style>
한줄에 다 나오게 한다. inline 한줄 한줄 차지하게 끔하기 block inline block : 겉으로는 inline으로 한줄을 차지만, 내부 요소에서는 block처럼 동작
.inline { display: inline; }
.inline-block { display: inline-block; }
display : none, hidden
<style>
p.none { display: none; }
p.hidden { visibility: hidden; }
</style>
.static { position: static; }
.relative { position: relative; }
.fixed { position: fixed; }
.absolute { position: absolute; }
z-index : -20; <!-- 우선순위 -->
<style>
div { width: 300px; margin: auto; }
div.left { float: left }
div.right { float: right }
</style>
<table class="ar-table-header">
<colgroup>
<col width="15%">
<col width="20%">
<col width="15%">
<col width="15%">
<col width="20%">
<col width="15%">
</colgroup>
<thead>
<tr>
<th scope="col" rowspan="2">남성</th>
<th scope="col" rowspan="2">연령대</th>
<th scope="col" rowspan="2" class="ar-table-right-bolder">여성</th>
<th scope="col" rowspan="2">남성</th>
<th scope="col" rowspan="2">연령대</th>
<th scope="col" rowspan="2">여성</th>
</tr>
</thead>