------- android培训、java培训、期待与您交流! ----------
CSS层叠样式表
将网页的中样式分离出来
选择器{属性名:属性值;}
css与html结合
1.html标签有style属性
2.<style>
</style>
3.封装css文件 然后再页面中进行调用
<style>
@import url{"1.css"}
</style>
4.link标签来链接
<link rel="stylesheet" href="1.css" />
技巧:提高相同样式的复用性 将多个标签样式进行单独定义
一个css导入多个css
1.css
@import url(“p.css”)
@import url(“div.css”)
选择题的基本分类
标签选择器 html每一个标签名
类选择题 每一个标签中的class属性 用.的形式表示 只能是从css使用
ID选择器 每一个标签中的id属性 可以被css使用 还可以被javascrip使用 用井号表示
<style type="text/css">
.a{
background-color=#ff0000
}
div b{
background-color=#ff0000
}
</style>
<body>
<div class="a">
dfsfsdfsdfsdf
</div>
</body>
选择器的优先级 ID>CLASS>标签
扩展选择器
1.关联选择器 标签中的标签
2组合选择器
将多个选择题通过逗号隔开
3伪元素选择器 a:link 超链接被点前
a:visited 被点后
a:hover 停在上面
a:active 点击时
a:link,a:vistied{
color:#33ff00;
text-decoration:none;
}
CSS滤镜其实就是通过一些代码完成了丰富的样式