美化样式
Css样式分类
行内样式:<标签名style=“属性名:属性值;”></标签名>
内部样式:<style></style>
注意:<style><>/style>写在<head></head>里面。
外部样式:
外部样式(企业中推荐应用):
1.在css文件夹下新建一个css文件 (放样式)
2.在head里面引用样式<link rel=“stylesheet” type=“text/css” href=“css文件地址”/>
Css样式的优先级
行内样式>内部样式>外部样式
Css选择器:用在内部样式或外部样式
- 标签选择器:
标签名(元素){
css样式
}
- 类选择器:
1.给元素(标签)起一个类名
2.通过类选择器实现样式设置
.className{
css样式
}
在body里面用class=
- id选择器:
id名:唯一
#id名{
css样式
}
- 通配符选择器:
通配符:匹配页面中所有的标签,设置样式
5、群组选择器:
单一选择器,单一选择器{
css样式
}
//注意:这里的单一选择器就是上面所提到的四种选择器
6、后代选择器:
包含关系
祖先元素 后代元素{
css样式
}
7、子代选择器:
父子关系
父元素 >子元素{
css样式
}
Css选择器的优先级