css基础--联合选择器
来源:互联网 发布:星星知我心第二部全集 编辑:程序博客网 时间:2024/05/22 09:43
1、css 层叠样式表(层叠:一层一层的;样式表:很多的属性和属性值),使页面显示效果更好,css将页面内容和显示样式进行分离提高了显示功能功能
2、css 和 html的结合方式:
a、行内样式,在每个html标签上面都有一个style属性把css和html结合在一起;
<div style="background-color:red;color:green;">
b、内嵌样式,在每个html的<head></head>里面以标签<style></style>实现;
<style type="text/css">
div {
background-color:blue;
color: red;
}
</style>
c、导入样式,在<style></style>标签里面使用语句@import url(css文件的路径);
<style type="text/css">
@import url(div.css);
</style>
d、链接样式,使用标签<link>引入外部css样式文件。
<link rel="stylesheet" type="text/css" href="css文件的路径" />
注:导入样式在某些浏览器下不起作用,一般使用链接样式。优先级:行内>内嵌>导入>链接
3、css 选择器:
a、标签选择器,使用标签名作为选择器的名称;
div{background - color: gray;
color: white;
}
b、class选择器,每个html标签都有一个属性class;
/*<div class="haha">aaaaaaa</div>*/
.haha {
background-color: orange;
}
c、id选择器,每个标签上面有一个id;
/*<div id="hehe">bbbbb</div>*/
#hehe {
background-color: orange;
}
d、关联选择器,设置标签里面的嵌套标签的样式;
<div><p>wwwwwwww</p></div>
div p {
background-color: orange;
}
e、组合选择器,把不同的标签设置成相同的样式;
<div>1111</div>
<p>22222</p>
div,p {
background-color: orange;
}
f、伪元素选择器,css里面提供了一个定义好的样式
** 超链接的状态
原始状态 鼠标放上去状态 点击 点击之后
:link :hover :active :visited
** 记忆的方法
lv ha
- css基础--联合选择器
- css基础-选择器
- 【web基础】CSS选择器
- css基础学习-选择器
- CSS 基础选择器
- CSS基础之选择器
- CSS基础选择器
- 2.CSS基础-选择器
- CSS基础-选择器
- css 3 基础选择器。
- 【CSS 基础】02 选择器
- css基础选择器
- css基础-选择器
- CSS基础之CSS选择器
- CSS基础-CSS选择器 10
- css中类选择器和元素选择器联合使用分析
- CSS基础-22选择器-选择器详解(1)
- CSS基础-23选择器-选择器详解(2)
- RISC和CISC比较
- elasticsearch in 语句
- jQuery基础入门学习
- Linux相关知识
- UVA 11234
- css基础--联合选择器
- 多线程性能及效率问题
- Maven项目结构
- Activiti进阶(十一)——分配组任务的三种方式
- 单例模式的饿汉式与懒汉式
- Struts2, Spring 和 Hibernate 的理解之我谈
- js事件
- 技术人员日本游学之精益管理
- UVA 10129