CSS 크기

크기 속성을 사용하면 요소의 높이와 너비를 제어할 수 있습니다. 마찬가지로 줄 간격을 늘릴 수도 있습니다. 관련된 속성은

height입니다. 요소의 높이를 설정합니다. line-height -- 줄 높이를 설정합니다. max-height-- 요소의 최대 높이를 설정합니다. max-width – 요소의 최대 너비를 설정합니다. min-height – 요소의 최소 높이를 설정합니다. min-width – 요소의 최소 너비를 설정합니다. width – 요소의 너비를 설정합니다.

html과 CSS 파일을 작성하여 자세히 비교해 보겠습니다

.p1{    line-height: normal;    width: 400px;
}.p2{    line-height: 50%;    width: 400px;
}.p3{    line-height: 200%;   width: 400px;
}

렌더링은 다음과 같습니다.

QQ截图20161011165910.png

CSS 크기 속성

CSS 크기 속성을 사용하면 요소의 높이와 너비를 제어할 수 있습니다. 또한 줄 간격을 늘릴 수도 있습니다.

QQ截图20161011165924.png

지속적인 학습

새로운 파일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<html>
<head>
<style type="text/css">
p.small
 {
 line-height: 10px
 }
p.big
 {
 line-height: 30px
 }
</style>
</head>
<body>
<p>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是 20px。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
</p>
<p class="small">
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX