css特性

1.继承

css某些样式具有继承样式,继承是一种规则,允许样式不仅应用与某个特定html标签,而且应用于其后代

<p style="color:red;font-size: 12px">fdjskjk<span>fjsdkfjsdlf</span></p>  span标签中字也是红色

<p style="color:red;border: 1px solid red;">fdjskjk<span>fjsdkfjsdlf</span></p>  border没有被继承

2.特殊性 

同时给一个元素设置不同的css样式,会启用哪个,使用权值高的

标签权值为1,类选择符权值为10,id选择符权值最高100

3.层叠

上面的样式会被下面的样式顶替

span{
color: red;
}
span{
color: green;
}

4.重要性

最高权值  

span{
color: red!important;
}
span{
color: green;
}

时间: 2024-08-05 12:13:00

css特性的相关文章

css基础(css书写 背景设置 标签分类 css特性)

css书写位置 行内式写法 <p style="color:red;" font-size:12px;></p> 外联式写法 <link rel="stylesheet " href="地址" type="text/css"/> 嵌入式写法 <style type="css/stylesheet"> p{ font-size:20px; color:red;

第十五天学习:CSS特性1

关键字:CSS特性1 晨跑计划: 学习计划: 控制字体: font-family特性 font-size特性 font-weight特性 font-style特性 font-variant特性 font-stretch特性 font-size-adjust特性 长度: 绝对单位 相对单位 百分比 学习记录: 控制字体: 可以采用多种特性来控制文档中文本的外观,可以将这些特性划分为如下两组: 直接影响字体和其外观特性 对文字具有其他格式影响的特性 字体和字型是不同的概念: 字型是字体族,例如Ari

即将来到: CSS Feature Queries (CSS特性查询)

Feature Queries 是CSS3 Conditional Rules specification中的一部分,它支持"@supports"规则,"@supports"规则可以用来测试浏览器是否支持CSS属性和值对.CSS本身有降级机制,比如忽视不支持的属性或值,但当很重要的属性直接被忽视也是很严重的,这个时候你可以用Feature Queries 测试是否支持所有的CSS规则,还可以优化你的页面.Queries在各个浏览器中已经有很多稳定的实现了,比如Chr

第十六天学习:CSS特性之文本格式化

关键字:文本格式化 学习计划: 文本格式化 color特性 text-align特性 vertical-align特性 text-decoraton特性 text-indent特性 text-shadow特性 text-transform特性 letter-spacing特性 word-spacing特性 white-space特性 direction特性 unicode-bid特性 学习记录: color特性 用于指定文本的颜色,这个属性设置了一个元素的前景色(在HTML表现中,就是文本的颜色

容易被忽略CSS特性

CSS初学感觉很简单,但随着学习的深入才感觉CSS的水由多深,平常总会遇到各种坑,先总结一些经常遇到的坑 大小写不敏感 虽然我们平时在写CSS的时候都是用小写,但其实CSS并不是大小写敏感的 .test{ background-COLOR:#a00; width:100px; height: 100px; } 虽然把background-color写为了background-COLOR,但仍然会生效,之所以写成小写是因为xhtml标准的关系,但是即使不是xhtml还是写成小写比较好,美观.易读而

CSS特性: 继承 和 层叠

在css中也存在着继承关系,与面向对象的编程语言不同,css的继承很简单,而且主要指的是在CSS盒模型中,外围的盒子的样式会被内部所包含的盒子所继承.具体来了解一下. HTML元素之间存在一个"树型"关系,这个关系使得样式发生继承.1. 子元素会继承父元素的样式 2. 子元素可以定义自有样式 3. 子元素可以改变从父元素继承而来的样式 4. 子元素的样式不会反作用于父元素(继承是单向的) 5. 每个元素都遵循样式继承的概念. 6. 样式继承是一个抽象(抽象是提取共同点的方法)的过程,抽

2017年要学习的三个CSS新特性

2017年要学习的三个CSS新特性 这是翻译的一篇文章,原文是:3 New CSS Features to Learn in 2017,翻译的不是很好,如有疑问欢迎指出. 新的一年,我们有一系列新的东西要学习.尽管CSS有很多新的特性,但有三个特性令我最激动并进行学习. 1. Feature Queries(特性查询) 在这之前我写了一篇关于Feature Queries的文章the one CSS feature I really want.现在,它已经在这里了!目前所有主流浏览器都支持特征查

CSS 用法和特性

一.CSS 基本用法 1.CSS 样式语法 样式是 CSS 最小的语法单元,每个样式包含两部分内容:选择器和声明(规则). 语法: p {font-size:12px; color:#333} 注意: 选择器(Selector):告诉浏览器该样式将作用域页面中哪些对象.浏览器解析这个样式时,根据选择器来渲染对象的显示效果. 声明(Declaration):声明可以增加一个或多个,这些声明命令浏览器如何如渲染选择器指定的对象.声明必须包括:属性和属性值,并用分号来标识结束,最后一个声明可以省略分号

了解css的两大特性

CSS特性——继承性 为什么只选择了body元素,但是所有元素的字体颜色都被改了,就是因为css属性具备继承性. 继承性是指被包在内部的标签将拥有外部标签的样式性,即子元素可以继承父元素的属性. 注意:并不是所有的属性都具备继承性 具备继承性的属性: color font-开头 line-开头 text-开头 值得注意的是border是没有继承性的 CSS特性——层叠性 css层叠性是一种处理冲突的能力 选择器的权重计算 可以这样理解: 选择器里面如果有一个id,那么选择器的权重就加100 如果