CSS之继承详解.doc
上传人:sy****28 上传时间:2024-09-15 格式:DOC 页数:24 大小:49KB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

CSS之继承详解.doc

CSS之继承详解.doc

预览

免费试读已结束,剩余 14 页请下载文档后查看

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

CSS继承翻译:张鑫旭http://www.zhangxinxu.com/从哪儿开始呢?啊!文档树 ̄ ̄在我们深入探讨继承之前,有必要先理解文档树。所有的HTML文档都是树。文档树由HTML元素构成。文档树就好像您的家族树。Ancestor指任意相连但是在祖先。文档树上部的元素DescendantDescendants指任意相连但是在后代。文档树下面的元素Parent指相连并且直接在父辈。该元素上部的元素Child指相连并且直接在孩子。该元素下面的元素ParentSiblings指与其他元素共享兄弟。一个父辈的元素接下来,说点关于CSS规则的内容。在深入探讨继承之前,我们还有必要先知道一些基本的CSS规则。CSS规则告诉浏览器HTML页面如何去渲染上特定的元素。CSS规则由构成。5部分p{color:red;}Selector的HTML页面上的元素。“选择”选择器受此规则影响p{color:red;}Declarationblock以及其中任意内容组成的容器。声明部分是由一对大括号p{color:red;}Declaration页面上被选中的元素。声明告诉浏览器如何去渲染p{color:red;}Property样式外观。属性指你选中元素的p{color:red;}Value设置的准确的样式。值是您希望给属性现在…什么是继承呢?向下传递到子孙元素。继承指特定的CSS属性Loremipsumdolorsitametconsectetuer.我们将使用下面的HTML代码为看到继承的实际应用,。在的内部注意到。元素元素p{color:red;}未指定样式我们亦使用CSS代码。。元素注意element同时变红在浏览器中,。元素元素和会变红?但是为什么。元素其并没有设置颜色样式继承了因为。元素元素的颜色属性为什么继承很有用?更轻松的继承就是用来让开发者。p{color:red;}pem{color:red;}所有的子孙元素否则我们就要对指定属性。尺寸将会大大增加CSS文件同时降低了下载速度。,变得更难创建于维护,是否所有的CSS属性都可以继承呢?并非所有的非也!都继承支持。CSS属性更糟如果每个CSS属性都继承,对于作者而言,。反而会让事情“关掉”开发人员需要将子孙元素不需要的CSS属性。一个一个地border属性是可以继承的……我们可以设想下,如果默认状态下,p{border:1pxsolidred;}将border属性应用于然后我们元素,结果?element红色边框结果在元素也有了里面。element非继承的幸运的是,元素是没有边框的边框是,。所以使我们工作轻松通常说来,属性是继承的!仅仅那些所以,究竟哪些元素是继承的呢?是继承的...以下的CSS属性azimuth,border-collapse,border-spacing,caption-side,color,cursor,direction,elevation,empty-cells,font-family,font-size,font-style,font-variant,font-weight,font,letter-spacing,line-height,list-style-image,list-style-position,list-style-type,list-style,orphans,pitch-range,pitch,quotes,richness,speak-header,speak-numeral,speak-punctuation,speak,speech-rate,stress,text-align,text-indent,text-transform,visib