快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

css可以继承样式的属性,css继承属性有哪些

css有哪些属性可以继承

1、字体系列属性

成都创新互联公司服务项目包括蔡家坡网站建设、蔡家坡网站制作、蔡家坡网页制作以及蔡家坡网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,蔡家坡网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到蔡家坡省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

font:组合字体

font-family:规定元素的字体系列

font-weight:设置字体的粗细

font-size:设置字体的尺寸

font-style:定义字体的风格

font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-stretch:对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。

font-size-adjust:为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。

2、文本系列属性

text-indent:文本缩进

text-align:文本水平对齐

line-height:行高

word-spacing:增加或减少单词间的空白(即字间隔)

letter-spacing:增加或减少字符间的空白(字符间距)

text-transform:控制文本大小写

direction:规定文本的书写方向

color:文本颜色

3、元素可见性:visibility

4、表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout

5、列表布局属性:list-style-type、list-style-image、list-style-position、list-style

6、生成内容属性:quotes

7、光标属性:cursor

8、页面样式属性:page、page-break-inside、windows、orphans

9、声音样式属性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

三、所有元素可以继承的属性

1、元素可见性:visibility

2、光标属性:cursor

四、内联元素可以继承的属性

1、字体系列属性

2、除text-indent、text-align之外的文本系列属性

五、块级元素可以继承的属性

1、text-indent、text-alig

CSS中哪些属性可以继承

字体相关:line-height, font-family, font-size, font-style, font-variant, font-weight, font

文本相关: letter-spacing, text-align, text-indent, text-transform, word-spacing

列表相关:list-style-image, list-style-position, list-style-type, list-style

还有一个比较重要的:color

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。

所有元素可继承: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。

CSS三大特性

所谓层叠性是指多种CSS样式的叠加:

结果是:.two样式生效

所谓继承性是指书写CSS样式表时,子标签会继承父标签的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需将它应用于父元素即可。

与文字有关的属性都可以,实现继承:

特殊点:

结果:a标签会继承div的样式

定义CSS样式时,经常出现两个或更多规则应用在同一元素上,这时就会出现优先级的问题。

关于CSS权重,我们需要一套计算公式来计算,这个就是CSS Specificity,我们称为CSS特性或称非凡性,它是一个衡量CSS值优先级的一个标准。具体规范如下:

注意:

总结:

css里有什么属性可以继承

手持手册给你找

布局:visibility,

颜色:color

字体:

属性 版本 继承性 描述

font    CSS1/2    有    简写属性。定义元素的文本特性  

font-style    CSS1    有    指定元素的文本是否为斜体  

font-variant    CSS1    有    定义元素的文本是否为小型的大写字母  

font-weight    CSS1    有    定义元素文本字体的粗细  

font-size    CSS1    有    定义元素的字体大小  

font-family    CSS1    有    定义元素文本的字体名称序列  

font-stretch    CSS3    有    定义元素的文字是否横向拉伸变形  

font-size-adjust    CSS3    有    定义小写字母x的高度与对象文字字号的比率。  

属性    版本    继承性    描述

text-transform    CSS1/3    有    定义元素的文本如何转换大小写  

white-space    CSS1    有    指定元素是否保留文本间的空格、换行;指定文本超过边界时是否换行。  

tab-size    CSS3    有    定义元素内容中制表符的长度  

word-break    CSS3    有    定义元素内容文本的字间与字符间的换行行为  

word-wrap/overflow-wrap    CSS3    有    定义元素内容文本遇到边界时如何换行  

text-align    CSS1/3    有    定义元素内容的水平对齐方式  

text-align-last    CSS3    有    定义块内文本内容的最后一行(包括块内仅有一行文本的情况,这时既是第一行也是最后一行)或者被强制打断的行的对齐方式  

text-justify    CSS3    有    定义使用什么方式实现文本内容两端对齐  

word-spacing    CSS1/3    有    指定单词之间的额外间隙  

letter-spacing    CSS1/3    有    指定字符之间的额外间隙  

text-indent    CSS1/3    有    定义块内文本内容的缩进  

vertical-align    CSS1/2    无    定义行内元素在行框内的垂直对齐方式  

line-height    CSS1    有    定义元素中行框的最小高度  

text-size-adjust    CSS3    有    定义移动端页面中元素文本的大小如何调整 

属性 版本 继承性 描述

text-decoration CSS1/3 无 简写属性。定义元素文本装饰

text-decoration-line CSS3 无 定义元素文本装饰线条位于文本的哪个位置

text-decoration-color CSS3 无 指定元素文本装饰线条的颜色

text-decoration-style CSS3 无 定义元素文本装饰线条的形状

text-decoration-skip CSS3 有 定义元素文本装饰线条必须跳过内容中的哪些部分

text-underline-position CSS3 有 定义元素装饰线的位置

text-shadow CSS3 有 定义文字是否有阴影及模糊效果

还有部分就不列了

检验 百度搜索CSS 4. 0,  看下

CSS参考手册

版本:v4.2.7

最后更新时间:2018-4-10

编著:飘零雾雨

CSS中属性可以继承及不可继承详解

一、不能继承的属性

① 盒子模型所有属性:margin、padding、border、width、height。

② 轮廓及背景属性:outline、background。

③ 定位、显示、浮动属性:display、position、top、left、right、bottom、max-*(如max-height等)、overflow、clear、float、content、z-index。

④ 其他:vertical-align、text-decoration、text-shadow、white-space。

注意:内联元素不能继承:text-indent和text-align,但是块级元素可以。

二、元素可继承属性

① 所有元素可继承:visibility、cursor。

② 列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。

③ 字体属性:line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、font-size-adjust。

④ 文本属性:text-transform、direction,除了(text-decoration、text-shadow 内联元素不能继承 ) 块级 可继承。

⑤ 表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout。

⑥ 其它属性:letter-spacing、word-spacing。

如果还有您知道的,希望可以留言补充。

如果喜欢,不要吝啬你的爱心“❤”哦!


本文标题:css可以继承样式的属性,css继承属性有哪些
文章URL:http://6mz.cn/article/dseepgj.html

其他资讯