-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcss5.html
60 lines (60 loc) · 2.71 KB
/
css5.html
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
</head>
<style type="text/css">
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
p {text-indent:50px;}
h1 {letter-spacing:2px;
text-shadow:2px 2px #FF0000;}
h2 {letter-spacing:-3px;}
h3.small {line-height:70%;}
h4.big {line-height:200%;}
div.ecl {direction:rtl;}
p {word-spacing: 20px;}
p {white-space:nowrap;}
img.top {vertical-align:text-top;}
img.bottom {vertical-align:text-bottom;}
</style>
<body>
<p class="uppercase">this is some text</p>
<p class="lowercase">this is some text</p>
<p class="capitalize">this is some text</p>
<p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p>
<h1>this is heading指定字符之间的空间</h1>
<h2>this is heading指定字符之间的空间</h2>
<h5>
指定行于行之间的空间<br>
指定行于行之间的空间<br>
指定行于行之间的空间<br>
</h5>
<h3 class="small">
指定行于行之间的空间<br>
指定行于行之间的空间<br>
指定行于行之间的空间<br>
</h3>
<h4 class="big">
指定行于行之间的空间<br>
指定行于行之间的空间<br>
指定行于行之间的空间<br>
</h4>
<div>一些文本.默认书写方向</div>
<div class="ecl">一些文本.从右到左的书写方向</div>
<p>
this is some text.增加单词之间的空白空间
</p>
<p>
元素里禁止文字环绕.元素里禁止文字环绕.元素里禁止文字环绕.元素里禁止文字环绕.元素里禁止文字环绕.
元素里禁止文字环绕.元素里禁止文字环绕.元素里禁止文字环绕.元素里禁止文字环绕.元素里禁止文字环绕.
元素里禁止文字环绕.元素里禁止文字环绕.元素里禁止文字环绕.元素里禁止文字环绕.元素里禁止文字环绕.
</p>
<h6> AN <img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" alt="baidu" height="200" width="200"/>image with a defauil aligment</h6>
<h6> AN <img class="top" src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" alt="baidu" height="200" width="200"/>image with a defauil aligment</h6>
<h6> AN <img class="bottom" src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" alt="baidu" height=200" width="200"/>image with a defauil aligment</h6>
<h1>添加文本阴影</h1>
</body>
</html>