css3继承

不可继承的: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。(注:基本上什么盒子外边距、内边距,还有定位什么的是不能被继承的)
所有元素可继承:visibility和cursor。

联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、
font-family、font-size、font-style、font-variant、font-weight、text-
decoration、text-transform、direction。
终端块状元素可继承:text-indent和text-align。
列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。
表格元素可继承:border-collapse。

时间: 2024-10-04 21:11:25

css3继承的相关文章

CSS3中的opacity透明度属性的继承问题如何解决

利用CSS3的透明属性opacity可以为我们创建对象的渐隐渐显的动画效果,但是很多情况下这种单一的渐隐渐显效果并不能满足我们的日常开发需求.有时候,我们需要在设置opacity属性的对象里面增加其子集对象,以达到符合我们的要求.但是CSS3的opacity ( 比如:opacity:0.5; )透明度属性具有继承性,当对某个对象设置了opacity透明度属性的时候,其子集元素也会有透明度效果. 使用rgba的背景色可以很直接的设置对象的透明度效果,而且对其子集元素没有继承性:而使用rgb色并设

CSS3学习笔记-1:CSS样式继承

自己在写css时总会遇上css样式继承的问题,好在一般问题不大,但一直也不明白css样式继承的规则,最近发现了一篇文章讲的不错,因此转载过来: 所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质.继承特性最典型的应用通常发挥在整个网页的样式预设,需要指定为其它样式的部份设定在个别元素里即可.这项特性可以给网页设计者提供更理想的发挥空间.但同时继承也有很多规则,应用的时候容易让人迷惑 CSS的一个主要特征就是继承,它是依赖于祖先-后代的关系的.继承是一种机制,它允许样式不仅可以应用于某个

css3总结

之前对技术方面没有过多的总结,今天第一篇博客对css3做了以下总结: 首先css3比较强大的就是动画了,css3动画分为两种:tranation 和 animation: 这两种有什么区别呢?? tranation的动画需要事件触发 animation的动画不许要事件触发就运动 ,tranation 必须放在初始状态: -webkit-transform:rotate(360deg) scale(1.2) skew(xdeg,ydeg)注意:参数为两位数的小数,正数为放大,小数为缩小,两个参数的

css的盒模型,及css3的box-sizing新属性

css的盒模型包含了content(元素自身).padding(内边距).border(边框)及margin(外边距). 如图,浏览器控制台elements的computed可以清晰显示元素盒模型,鼠标多动动就明白了:(蓝色区域表示content元素自身,这里是整个窗口的内容) 盒模型有两种:标准模式和怪异模式.在<!DOCTYPE>声明缺失时就会在ie6.ie7.ie8下触发怪异模式 标准模式下:盒子总宽度/高度 = content + padding + border + margin,c

CSS3的基础用法

CSS3的现状:1.浏览器支持程度差,需要添加私有前缀 2.移动端支持优于PC端 3.不断改进中 4.应用相对广泛 在CSS3中增加新增了许多灵活查找元素的方法,极大的提高了查找元素的效率和精准度.CSS3选择器与jQuery中所提供的绝大部分选择器兼容. 一.属性选择器: ele[attr] 元素包含该attr属性就可以捕获到 ([]前面的ele可以不写,如果不写的话按通配*[attr])ele[attr=value] 元素包含该attr属性,且该attr的value有且只有一个并且完全相等的

css3学习以及移动端开发基本概念的思考

html{ height:1000px; background-color: red; } @media screen and (width:2560px){ html{ background-color: blue; } } 注意:首先必须弄清楚,我们的width/height值得是浏览器的可视区域的大小(缩小或者放大浏览器会发生变化),而device-width和浏览器的缩放是没有关系的.如我的iMac是 2560*1440,那么当我缩小的时候颜色是红色,而全屏的时候颜色就是蓝色了!然而,如

CSS3的笔记总结

css3  就是css2 的一个升级版本.css2 是用来做效果渲染的,而css3 可以使做出来的效果更佳丰富. C3有兼容性问题,移动端支持稍微要好些. 坚持以下原则: (1)渐进增强 (2)添加私有前缀 (3)考虑用户群体 [ 选择器 ]css3 在之前的基础上面扩展了三种类型的选择器 (获取到一个元素有多重方式,我们要控制页面上面的元素,必须先得到页面上面的元素,假设你的页面的层级结构比较复杂的时候) (1)属性选择器 a[href] 所有的a 标签,这个a需要有 href 属性 a[hr

CSS3文本温故

1.CSS早期属性,分为三大类:字体.颜色和文本: 2.CSS文本类型有11个属性: 注:还有一个颜色属性:color,主要用来设置文本颜色 3.CSS3文本阴影属性:text-shadow语法:text-shadow:none | <length> none | [<shadow>,] * <shadow>或none | <color> [,<color]*也就是:text-shadow:[颜色color] x轴位移(x-offset) y轴位移(y

Css3 filter(滤镜)

2015-12-20  17:05:13 css3的filter滤镜效果.... css3的filter滤镜效果,filter是W3C CSS filter Effect 1.0中定义的滤镜效果,一个使用CSS来改变图片的模糊度.亮度.对比度.饱和度等等效果的过滤器. index.html中的代码如下: style.css中样式设置为: 其中,background-attachment属性用于定义背景图片随滚动轴的移动方式,取值: scroll | fixed | inherit: scroll