1 <head>
2 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
3 <title>第五天</title><!--标题-->
4 <meta name="description" content="网页描述" />
5 <style type="text/css">
6 p,font{
7
8 color:red;background-color:#33ff00;text-indent:2em;
9 text-decoration:line-through;
10 font-size:x-large;/*给p、font标签文本设置颜色、背景颜色，首行缩进2em、删除线*/
11 border-style:double;
12 border-color:red #ffff00 blue pink;
13 list-style-type:none
14 }
15 ol{
16 color:red;background-color:blue;/*设置文字颜色、背景颜色*/
17 margin:30px;/*设置外边距*/
18 padding:30px;/*设置内边距*/
19 }
20
21 ul{
22 color:red;/*设置文本颜色为红色*/
23 list-style-type:none;/*去掉项目符号*/
24 list-style-image:url(xiangpian/li03.jpg);/*项目符号用图片代替*/
25
26
27 }
28 </style>
29
30 </head>
31
32 <body>
33 <p>一般来说，可以为所有块级元素应用 text-indent，但无法将该属性应用于行内元素，图像之类的替换元素上也无法应用 text-indent 属性。不过，如果一个块级元素（比如段落）的首行中有一个图像，它会随该行的其余文本移动。
34 </p><!--段落-->
35
36 <p>不过在为 text-indent 设置负值时要当心，如果对一个段落设置了负值，那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题，建议针对负缩进再设置一个外边距或一些内边距：</p><!--段落-->
37
38 <font>1,2,3</font><!--文本-->
39
40 <div>
41 <ol>
42 <li>上午12点下课</li>
43 <li>下午5点半下课</li>
44 <li>晚上9点半下课</li>
45 </ol>
46 </div>
47 <div>
48 <ul>
49 <li class="haha">上午12点下课</li><!--css类选择器-->
50 <li>下午5点半下课</li>
51 <li>晚上9点半下课</li>
52 </ul>
53 </div>
54
55 </body>
56 </html>
