9-1CSS的继承
2016-06-19 15:38
369 查看
CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。
可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red;
在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线,而对于子元素span是没用起到作用的。
p{color:red;} <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>
可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red;
p{border:1px solid red;} <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>
在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线,而对于子元素span是没用起到作用的。
相关文章推荐
- css 绘制圆形 扇形
- 史上最详细 纯CSS打造3D文本滚动
- 7-2嵌入式css样式,写在当前的文件中
- 7-1内联式css样式,直接写在现有的HTML标签中
- css文字分散对齐
- 6-3CSS代码语法
- 6-2CSS样式的优势
- 6-1认识CSS样式
- css3 flex属性flex-grow、flex-shrink、flex-basis学习笔记
- Flex 布局教程:实例篇
- Flex 布局教程:语法篇
- CSS margin和padding
- 拥有的50个CSS代码片段(上)
- css3基础、(弹性、响应式)布局注意点
- CSS3变形之transform-origin属性
- 用css样式,为表格加入边框
- CSS入门
- CSS选择器详解
- CSS3变形之3D变形
- CSS基础