1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 <style type="text/css">
7 /*
8 1.text-transform可以用来设置文本的大小写
9 可选值：
10 none 默认值，该怎么显示就怎么显示，不做任何处理
11 capitalize 单词的首字母大写，通过空格来识别单词
12 uppercase 所有的单词都大写
13 lowercase 所有的单词都小写
14 */
15 .p1{
16 text-transform: capitalize;
17 }
18 /*
19 2.text-decoration可以用来设置文本的修饰
20 可选值：
21 none 默认值，不添加任何修饰，正常显示
22 underline 为文本添加下划线
23 overline 为文本添加上划线
24 line-through 为文本添加删除线
25 */
26 .p2{
27 text-decoration: underline;
28 }
29 /*
30 超链接会默认添加下划线，也就是超链接text-decoration的默认值是underline
31 如果需要去除超链接的下划线需要将样式设置为none
32 */
33 a{
34 text-decoration: none;
35 text-indent: 100px;
36 }
37 /*
38 3.letter-spacing 可以指定字符间距
39 4.word-spacing 可以指定单词之间的距离,对中文没有什么用
40 */
41 .p3{
42 font-size: 16px;
43 word-spacing: 1px;
44 letter-spacing: 1px;
45 text-indent: -2em;
46 }
47 /*
48 5.text-align 用于设置文本的对齐方式
49 可选值：
50 left 默认值，文本靠左对齐
51 right 文本靠右对其
52 center 文本居中
53 justify 两端对齐 通过调整文本之间的空格的大小来达到一个两端对齐的目的
54
55
56 6.text-indent 用来设置首行缩进 1em是一个字体大小，
57 当给它指定一个正值时，会自动向右侧缩进指定的像素
58 如果为它指定一个负值，则会向左移动指定像素 用户见不到的文字搜索引擎可以看见，
59 目的是将一些不想显示的文字隐藏起来
60 */
61 </style>
62 </head>
63 <body>
64 <p class="p1">
65 "we should run"
66 </p>
67 <p class="p2">
68 "we should run"
69 </p>
70 <a href="#">i am a girl.</a>
71 <p class="p3">
72 "we should runin.getline()函数是处理数组字符串的，其原型为cin.getline(char * , int)，第一个参数为一个char指针，第二个参数为数组字符串长度。
73 getline(cin,str)函数是处理string类的函数。第二个参数为string类型的变量。 "
74 </p>
75 </body>
76 </html>
