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>
