1、CSS定义的规则
选择器{属性1 ： 属性值1； 属性2 ：属性值2； 属性3 ：属性值3；}
实例：
div{ border:1px solid red; width: 60px; height: 100px}
2、CSS样式的引用方式
- 内嵌式引用
<head>
<style type="text/css">
div{ border:1px solid red; width: 60px; height: 100px}
</style>
</head>
type字段必须设置，这样浏览器才知道style标签包含的是CSS代码。
- 外部链入式引用
<head>
<link href="CSS文件路径" type="text/css" rel="stylesheet"/>
</head>
href: 链接外部样式表的地址。绝对路径或相对路径均可。
rel : 定义当前文档与被链接文档的管理。此处应为stylesheet，表示被链接文档是一个样式表文件。
3、CSS选择器
-
标记选择器
div{ border:1px solid red; width: 60px; height: 100px}使用HTML中的标签作为选择器，会使页面的所有被定义的标签都会生效，所以不能涉及成差异化的样式。
- 类选择器
.类名 {属性1 ： 属性值1； 属性2 ：属性值2； 属性3 ：属性值3；}
类名即为html中class的属性值。
- id选择器
#id名 {属性1 ： 属性值1； 属性2 ：属性值2； 属性3 ：属性值3；}
id名对应HTML中的元素id的属性值。元素的id值是唯一的，只能对应于页面某个具体的元素。
-
通配符选择器
* {属性1 ： 属性值1； 属性2 ：属性值2； 属性3 ：属性值3；}作用范围最广，应用于页面所有的元素。
网友评论