css-1.样式和特征-优先级
来源:互联网 发布:淘宝天猫购物返钱 编辑:程序博客网 时间:2024/06/06 09:50
一、用css定义页面样式:
1.更加多样性2.属性更统一
二、定义css样式的方法
内联样式:<p style="color: red;">css内联方式</p>内部样式:将css样式定义在网页的head里,用<style>
<style type="text/css">
p{
color: green;
}
</style>
外部样式:<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
将样式定义在一个外部的css文件中(.css文件) ,由html页面引用样式文件
三、css样式表特征
1、继承性-样式规则可以被继承
2、叠层性
-可以定义多个样式,不冲突时,多个样式可以层叠成一个
3、优先级
-样式冲突时,看优先级来应用样式
内联样式最高 。 内部样式 和 外部样式 优先级一样,看就近原则,最后定义的优先
<style type="text/css">
p{
color: green;
color: red; 这个颜色最后定义,所以字体是红色
}
</style>
-!important规则
1、!important可以调整样式规则的优先级
2、选择器{属性:属性值 !important;}
3、谨慎使用
<style type="text/css">
p{
color: green !impotrant; 调整了优先级,所以字体是绿色
color: red;
}
</style>
-优先级关系:元素选择器<类选择器<id选择器
·选择器优先级
选择器类型 权值
------------------------------
元素选择器 0001
类选择器 0010
伪类选择器 0010
ID选择器 0100
内联选择器 1000
选择器的权值加到一起,大的优先;如果权值相同,后定义的优先
阅读全文
0 0
- css-1.样式和特征-优先级
- CSS样式的优先级和权重
- 样式优先级CSS优先级CSS样式权重
- CSS选择器样式和style属性样式优先级
- css样式优先级
- css样式优先级
- CSS样式优先级判定
- 关于CSS样式优先级
- CSS样式的优先级...
- 关于CSS样式优先级
- CSS样式优先级
- CSS样式优先级
- CSS样式优先级
- css样式优先级
- CSS样式优先级
- css多重样式优先级
- CSS样式的优先级
- CSS样式优先级
- System.StackOverflowException错误
- 2017暑假训练第十五天
- String类常用的方法来操作字符串对象实例
- TCP/IP和HTTP的区别
- 【XSY2536】【BZOJ2655】calc DP 数学 拉格朗日插值
- css-1.样式和特征-优先级
- D
- lnmp 环境安装pdo拓展
- 手机端1px显示比较粗的方法
- KMP总结
- 接口
- 一段代码搞懂 gpu memory
- hdu1874 畅通工程续
- 常见服务器向用户返回的状态码和提示信息