有关第四章css的介绍

第四章

1.css的基本语法：由选择器，属性和属性值组成
css规则：每条样式用分号隔开，css的注释符为/ *………… * /
样式表分为：外部样式表，内嵌样式表，行内样式表
外部样式表：将样式放在单独的文件中，然后在每个网页中都关联该样式文件
一、（1）链接外部样式表：
语法：
< head >
< link rel=“stylesheet” href="newstyle.css"type=“text/css />
< /head >
（2）导入样式表：@import方法
语法：@import"css/newstyle.css”;
type="text/css表示文本类型的样式
href="newstyle.css"表示指定样式文件
rel=“stylesheet” 表示在网页中使用该外部样式表
二、内嵌样式表：放在head里面，每个样式属性之间用分号隔开
语法：
< head >
< meta charset=“UTF-8”/>
< style type=“text/css”>
选择符{样式属性:属性值;……}
选择符{样式属性:属性值;……}
……
< /style >
< /head >
行内样式表：放在标签内
solid ：实线 ，dashed:虚线
font-size:设置字号
font-family:设置字体
border-radius:圆角边框
text-decoration:none:取消下划线
大于＞：&gt
2.基本选择器分为：
标签选择器：
语法：
< style type=“text/css”>
标签名{
属性1:属性值1;
属性2:属性值2;
………
}
< /tyle>
类选择器：
应用类样式：<标签名 class=“类名”>标签内容</标签名>
定义样式时：类前面有一点
属性1:属性值1;
属性2:属性值2;
………
}
< /tyle>
ID选择器：
语法：
< style type=“text/css”>
#ID标识名{
属性1:属性值1;
属性2:属性值2;
………
}
< /tyle>
ID选择器修饰某个特点的元素内容，类选择器定义样式为了多个元素共享
3.css扩展选择器：
组合选择器：将同样的样式规则用于多个选择符，各选择器用逗号分隔
如：p,.red,#header{
color:red;
font-size:12px;
}
包含选择器：用于选择后代的元素，外层的标签为父标签，内层的标签为子标签
交集选择器：两个选择器之间的连接构成，第一个必须是标签选择器，第二个必须是类选择器或id选择器，两个选择器之间不能有空格，必须连续书写p.red{
color:red;
font-size:12px;
}
伪类选择器：
语法：
标签名：伪类名{
属性:属性值;
}
超链接伪类：4.css的继承性：称为层叠性
css选择器的优先级：行类样式，ID样式，类样式
css选择符优先级：ID选择符，类选择符，标签选择符
css定义优先级：内嵌样式，内部样式，即后定义的优先级高