常用 Selector类型 ·HTML标记符 用户定义的类 用户定义的D 虚类
常用Selector类型 • HTML标记符 • 用户定义的类 • 用户定义的ID • 虚类
HTML标记符的 Selector ·HTML标记符是最常用的 selector,它 重新定义了HTML标记符的显示效果。 例如: H1ftext-align:center;color:redy 使所有用H1标记符修饰的内容都居中和用 红色显示 示例如下
HTML标记符的Selector • HTML标记符是最常用的selector，它 重新定义了HTML标记符的显示效果。 例如： • H1{text-align:center;color:red} • 使所有用H1标记符修饰的内容都居中和用 红色显示。 • 示例如下
例10-1:建立一个简单的样式表 <htms head>< title>简单的样式表</ title> <style type= text/css> h1 coloraredhfont-size:35 px; font-family:黑体} pbackgroundeyellow;c。lor:blue;font-size25px; font-family:隶书 </style> </head> body bgcol。r= ightblue center><h1>样式表</h1> p>这是一个简单的样式表<p> </center> </body></html
例10-1：建立一个简单的样式表 <html> <head><title>简单的样式表</title> <style type="text/css"> <!-- h1{color:red;font-size:35px;font-family:黑体} p{background:yellow;color:blue;font-size:25px;font-family:隶书} --> </style> </head> <body bgcolor=lightblue> <center><h1>样式表</h1> <p>这是一个简单的样式表</p> </center> </body></html>
用户定义类 定义方式 classnametproperty:value.I 表示任何带有 class属性为 classname 的标记符都采用所定义的样式
用户定义类 • 定义方式 classname{property:value…} 表示任何带有class属性为classname 的标记符都采用所定义的样式
定义方式 ≯s, classmanθ样式属性:属性值:样式属性: 属性值:mm 所有HTML标签都可引用它 ·*符号可以省略 HTML标签。 classname样式属性a属性值:样式 属性:属性值 只有该指定的标签才能引用它
定义方式 ➢* . classname{样式属性:属性值; 样式属性: 属性值;......} •所有HTML标签都可引用它 •*符号可以省略 ➢HTML标签. classname{样式属性:属性值; 样式 属性:属性值;......} •只有该指定的标签才能引用它