글소제목 한 줄 만들기(html)

● 블락요소를 한 줄로 정렬할 때는 float를 쓴다.

<!DOCTYPE html>

<head>

a { color:red; text-decoration: none }

ul li{list-style:none;float:left;margin-left:20px; }

● 구 조와 구조사이

● 태그와 태그사이 여백주기는

● h1 { margin-bottom:100px }

● 비순차적 목록과 주메뉴의 사이 조절

*li 안에는

</style>

</head>

<body>

<ul>

<li><a href="#">홍보자료실</a></li>

</ul>

</body>

</html>

●<h1>비순차적 목록</h1>의 여백주기(상우하자 방향이다. 즉 시계방향으로 수를 입력한다.)

h1 { margin:100px 0px 100px 100px; }

● 숫자가 두 개일 때

● 상하 여백이 같을 때는 한 번만 입력한다.

● 우자 여백이 같을 때에도 한 번만 입력한다.

● 상하우자 여백 모두가 같을 때는 한 번만 입력한다.

● 3개의 숫자만 있을 경우 가운데는 우자여백

● 첫번째는 상단여백 세번째는 하단 여백이다.

style은 태그에 가까운 것이 적용된다.

즉 h1 { margin:100px 0px 100px 100px; } 입력후 다시

h1 { margin-top:100px } 입력했을 경우 마지막이 적용된다.

태그에 가까이 있는 스타일이 우선적으로 적용된다. 임의로 우선순위를 높이려면 속성값 뒤에 한 칸 띄우고

!important를 한다.

Funny 기이린