一、无继承性的属性

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-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-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、counter-reset、counter-increment

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

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

9、声音样式属性:pause-before、pause-after、pause、cue-before、cue-after、cue、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-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-align

转载于:https://www.cnblogs.com/songchunmin/p/7789599.html

CSS中可以和不可以继承的属性相关推荐

  1. CSS中可以or不可以继承的属性

    一.无继承性的属性 1.display:规定元素应该生成的框的类型 2.文本属性: vertical-align:垂直文本对齐 text-decoration:规定添加到文本的装饰 text-shad ...

  2. CSS 中 a 标签为什么不能继承父类的颜色?

    CSS 中 a 标签为什么不能继承父类的颜色? 嗯,我知道在这么好的环境下,问这么Low的问题太der,但是不弄明白心里痒痒,只能出此下策. 问题是这样的: HTML: <div>< ...

  3. css中设置首行文本缩进的属性是,css如何设置首行文字缩进?

    在HTML网页中通常一段文字都需要设置首行缩进两个文字,使页面更加美观,我们可以通过css实现这一效果,下面我们就来看一下使用css设置首行文字缩进的方法. css可以使用text-indent属性来 ...

  4. 懂点前端——对CSS中的Padding、Border、Margin属性的理解

    作为一个志在AIot(实际在写上位机程序.嵌入式代码)的工程师,怎么又关心起前端来了呢?怎么说呢,前端的应用范围广啊,从高大上的算法.富有科技感的物联网应用到无处不在的Web应用,只要是需要和终端用户 ...

  5. CSS中常用的10个文本样式属性——让文本设置再无难点

    一个页面中,文本样式,是必不可少的,当然css也给我们准备了很多很多很多的文本样式,以下列举了10个常用的文本样式属性及常用的属性值,掌握了,也基本满足使用了 1: text-transform 可以 ...

  6. html 设置最小宽度,总结css中最小宽度min-width和最大宽度max-width属性的使用方法...

    CSS宽度属性为单词width,宽度width包含了两个重要的属性:最大宽度属性max-width和最小宽度属性min-width.最大宽度属性(max-width)用来定义宽度显示的最大值,当拖动浏 ...

  7. CSS中BOX模型的属性有,在CSS中,下面不属于BOX模型属性的有( )。

    摘要: 密技与对钥加比称密术相,下面密技钥加称密非对术(.模型属性... 密技与对钥加比称密术相,下面密技钥加称密非对术(. 化最年该重变民人均消大的出比费支省居是(,不属人口该省占4城镇,不属个消在 ...

  8. c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线?(代码示例)...

    css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...

  9. CSS 样式继承 inherit 属性

    inherit 属性 在CSS中,子元素会继承了父元素的一些样式属性.能够继承到子类的样式属性非常有限,仅是 文字.字体.颜色... 子类如果还想继承父类的属性,可以通过inherit 强制继承. 通 ...

最新文章

  1. 服务器显示接口类型,查看服务器各接口卡情况的命令是:lspci
  2. 前端菜鸡之路——网页上的图标
  3. YII2 百度富文本mini版UMEditor的使用
  4. 一篇文章带你了解python装饰器
  5. 使用 Palette 让你的 UI 色彩与内容更贴合
  6. C# WinForm开发系列 - GDI+【转】
  7. 设计模式(十三): 命令模式
  8. oracle 12c dbca 无法发现 asm diskgroup
  9. 电脑很卡反应很慢该如何处理_2年以上的电脑越用越慢,教大家几招方法,让系统跑起来...
  10. 不是华为手机可以刷鸿蒙系统,【图片】华为鸿蒙系统的厉害之处在于 你可能非用不可 !【手机吧】_百度贴吧...
  11. 产品经理数据分析入门
  12. PE装机工具-U深度制作
  13. windows日志总结
  14. Qt程序退出QThread: Destroyed while thread is still running问题
  15. android ¥符号,android统一显示¥符号
  16. 7z解压crc错误_.7z解压文件末端错误 如何解压分卷压缩包 - 电脑故障 - 服务器之家...
  17. 计算机系统实验2:炸弹实验bomb
  18. 获取PC 服务器 可用的GPU
  19. Character Swap (Hard Version)
  20. 批量追踪中通快运物流,并将信息导出EXCEL表格

热门文章

  1. 保姆级计算机视觉学习路线
  2. 太神奇!2张关键帧,AI生成完整运动过程!
  3. 北大校友的算法被玩出新高度,AI自动化在线抠图
  4. 人工智能发展趋势——深度AI科普调研团队
  5. 这就是数据分析之numpy
  6. 深度学习(三十九)LSTM、GRU网络入门学习-未完待续
  7. 地理学中常见图的名称(或者分析)
  8. DIoU Loss论文阅读
  9. java 信号量 互斥锁_线程同步(互斥锁与信号量的作用与区别)
  10. mysql 存入图_c# 如何向mysql数据库中存入图片