3.11 css样式规则`
格式
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
解释:选择器用于指定css样式作用的HTML对象,
花括号里面是对该对象样式的具体设置
属性 与属性值以“链值对”的形式出现
举个例子
> `h2{font-size:20px; color:red;}
对于上面这个例子 h2就是选择器,font-size就是属性,color也是属性,20px,red就分别是属性1,属性2的属性值1,属性值位
标题css样式严格区分大小写属性和值不区分大小写,按照书写习惯一般将“选择器,属性,属性值”都采用小写的方式
如果属性的值由多个单词组成且包含空格,则必须为这个属性值加上英文状态下的引号
举例
p {font-family:"TIME NEW Roman";}
css 代码中空格键是不被解析的
属性的值和单位之间是不允许出现空格的
3.12引入css样式表
1.行内式
基本语法格式
<标记名 style="属性1:属性值1;属性2:属性值2;属性3:属性值3;">内容</标记名>
行内式只对其所在的标记及嵌套在其中的子标记起作用
2.内嵌式
基本语法格式
<head>
<style type="text/css">
选择器{属性1;属性值1;属性2:属性值2;属性3:属性值3:;}
</style>
</head>
内嵌式css样式只对其所在的HTML页面有效,因此仅设计一个页面时,使用内嵌式是一个不错的选择。但如果是一个网站,不建议使用这种方法,因为不能充分发挥css代码的重要优势
3.链入式
链入式是将所有的样式放入一个或多个以.css为扩展名的外部样式表文件中,通过标记将外部样式表文件链接到HTML文档中
基本语法
<head>
<link herf="css文件的路径" type="text/css" rel="stylesheet"/>
</head>
4.导入式
基本语法
<style type="text/css">
@import url(css文件路径);或@import"css文件路径";
</style>
3.13CSS基础选择器
1.标记选择器
标记选择器是指用HTML标记名称作为选择器,按照标记名称分类,为页面中某一类标记指定统一的CSS样式
基本语法格式
标记名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
2.类选择器
基本语法格式
.类名css{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
3.id选择器
基本语法格式
#id名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
4.通配符选择器
基本语法格式
*{属性1:属性值1;属性2:属性值2;属性3:属性值3;}