CSS语法结构

浏览数：18 / 时间：2015年06月09日

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>CSS语法结构</title>
 6     <style type="text/css">
 7 /*
 8     body表示我们要控制的范围-针对的对象
 9     font-size：表示的是样式的属性
10     14px：表示的是属性的值
11 */
12         body{font-size:20px; background:#0F3; color:#F06;}
13         h1{font-size:24px;}
14         span{font-size:2em;}
15         
16 /*
17     CSS的语法结构：
18         选择符（选择器）{属性:属性值} 列如：body{font-size:20px;}
19         
20         选择符（selector）：指明这组样式针对的对象，可以是xhtml标签也可以是定义了特定的id或class的标签
21         属性：选择符的样式属性，如颜色，大小定位等
22         值：是指属性的值
23         可以同时为一个选择符定义多个属性每个属性之间用分号分隔（所有属性值后面都要带上分号）
24 */
25         
26 /*
27     CSS的长度单位：
28         相对长度单位：
29                 em 相对于当前对象内文本的字体尺寸
30                 px 像素（推荐使用）
31         绝对长度单位：
32                 in 英寸
33                 cm 厘米
34                 mm 毫米
35                 pt 点
36          
37 */
38     </style>
39 </head>
40 <!--
41 <span>标签：用于控制一行中的某一部分
42 -->
43 <body>
44     <h1>李克强主持召开<span>国务院</span>常务会议</h1>
45    <h2> 听取最低生活保障政策落实督查情况汇报</h2>
46     部署进一步加强和改进低保工作<br />
47     决定将《社会救助暂行办法（草案）》向社会公开征求意见
48 </body>
49 </html>