好程序员前端教程css中可被继承和不可被继承的属性

发布时间:2020-08-07 10:27:05 作者:好程序员
来源:ITPUB博客 阅读:124

好程序员前端教程css中可被继承和不可被继承的属性
一.无继承性的属性

1.display:规定元素应该生成的框的类型

2.文本属性:vertical-align:垂直文本对齐

text-decoration:规定添加到文本的装饰

text-shadow:文本阴影效果

white-space:空白符的处理

unicode-bidi:设置文本的方向

3.盒子模型的属性:width,height,margin,margin-top,margin-right,margin-bottom,margin-left,border,border-style,border-top(right,bottom,left)-style

border-top(right,bottom,left)-width,border-top(right,bottom,left)-color,border-top,border-right,border-bottom,border-left,

padding,padding-top,padding-right,padding-bottom,padding-left

4.背景属性:background,background-color,background-image,background-repeat,background-position,background-attachment

5.定位属性:float,clear,position,top,right,bottom,left,min-width,min-height,max-width,max-height,overflow,clip,z-index

6.生成内容属性:content,content-seset,content-increment

7.轮廓样式属性:outline,outline-style,outline-width,outline-color

8.页面样式属性:size,page-break-before,page-break-after

9.声音样式属性:pause,pause-before,pause-after,cue,cue-before,cue-after,play-during

二.有继承性的属性

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,list-style-image,list-style-type,list-style-position

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-align


推荐阅读:
  1. 好程序员web前端教程分享web中CSS绝对定位
  2. css中可以继承的属性有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css 前端 教程

上一篇:python不保留小数的方法有哪些

下一篇:如何设置自己创建的django允许别人访问

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》