color属性是否具有继承性

color属性是否具有继承性:

这个问题应该比较简单,但是还是注意一下,否则可能造成颜色的混乱。先看一段代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<style type="text/css">
div{
  color:red;
}
</style>
</head>
<body>
<div>
  <span>蚂蚁部落</span>
</div>
</body>
</html>

以上代码虽然是给div元素设置了字体颜色,但是仍然能够作用于span子元素内的文本,所以color属性具有继承性。

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0503/590.html

最为原始地址是:http://www.softwhy.com

时间: 2024-10-11 22:44:59

color属性是否具有继承性的相关文章

(六)学习CSS之color属性

参考:http://www.w3school.com.cn/cssref/pr_text_color.asp color 属性规定文本的颜色. 这个属性设置了一个元素的前景色(在 HTML 表现中,就是元素文本的颜色):光栅图像不受 color 影响.这个颜色还会应用到元素的所有边框,除非被 border-color 或另外某个边框颜色属性覆盖. 要设置一个元素的前景色,最容易的方法是使用 color 属性. 值 描述 color_name 规定颜色值为颜色名称的颜色(比如 red). hex_

CSS的color属性并非只能用于文本显示

虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过. 对于CSS的color属性,相信所有Web开发人员都使用过.如果你并不是一个特别有经验的程序员,我相信你未必知道color属性除了能用在文本显示,还可以用作其它地方. 你可以先看一下下面的演示: HTML代码 <img alt="Example alt text" width="200" height="200

background-color属性有没有继承性

background-color属性有没有继承性: 因为对象的背景默认是透明的,所以如果父对象设置了背景颜色之后,子对象也呈现为父对象的背景颜色,好像子对象继承了父对象的背景颜色,其实这是一种视觉错误.下面通过一个实例来说明一下background-color不具有继承性. 实例代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="auth

text-align属性有没有继承性

text-align属性有没有继承性: text-align属性可以将对象内的文本水平居中对齐,应该说不是什么难点,可能有时候会有这样的疑问词属性有没有继承性,如果有的话可以给父元素定义一个居中方式,下面子元素集成就可以了,能够节省些许代码.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" conten

font-size属性有没有继承性

font-size属性有没有继承性: 这问题自然再简单不过了,不过可能初学者有时对这个问题可能存在疑问,会造成处处为标签内的元素设置字体.这里可以给出一个肯定的答案,font-size数据具有继承性,这样有利于对网页字体进行统一设置. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content=&

text-decoration与color属性

text-decoration属性值 如果指定某个标签的text-decoration属性时,希望为其添加多个样式(比如:上划线.下划线.删除线),那么需要把所有的值合并到一个规则中才会生效 p{ text-decoration: underline overline line-through; } 如果将这行值分开写,那么在生效时会根据就近原则,选取最后一个text-decoration样式生效 p{ text-decoration: underline; text-decoration: o

css属性的可继承性

不可继承的:display.margin.border.padding.background.height.min-height.max- height.width.min-width.max-width.overflow.position.left.right.top. bottom.z-index.float.clear.table-layout.vertical-align.page-break-after. page-bread-before和unicode-bidi. 所有元素可继承:

详解 UIView 的 Tint Color 属性

在iOS 7后,UIView新增加了一个tintColor属性,这个属性定义了一个非默认的着色颜色值,其值的设置会影响到以视图为根视图的整个视图层次结构.它主要是应用到诸如app图标.导航栏.按钮等一些控件上,以获取一些有意思的视觉效果. tintColor属性的声明如下: var tintColor: UIColor! 默认情况下,一个视图的tintColor是为nil的,这意味着视图将使用父视图的tint color值.当我们指定了一个视图的tintColor后,这个色值会自动传播到视图层次

Css颜色定义的方法汇总color属性设置方式

颜色的定义方式用rgb()里面带上十进制的数字来定义. color:rgb(211,123,135); 用预定义的颜色名称. color:red; rgba()最后一个参数是不透明度. color:rgba(1,23,45,0.5); 用hsl()函数 color:hsl(78,70%,90%); 用hsla()函数 color:hsla(234,100%,45%,0.9); 用hex表示. color:#02a2e2;