html css中有哪些属性可以继承,哪些不可以继承

css样式表继承指的是,特定的css属性向下传递到后代元素

为了看到继承的实际应用,我们将使用下面的HTML代码。

<p>
    <em> 继承em>
p>

html css中有哪些属性可以继承,哪些不可以继承

注意: em元素在 p元素的内部。
我们也使用CSS代码。注意:em元素未指定样式。
那么有哪些属性可以自动继承呢

1. 有继承性的属性:

1.1 字体系列属性

font:组合字体
font-family:规定元素的字体系列
font-weight:设置字体的粗细
font-size:设置字体的尺寸
font-style:定义字体的风格
font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
font-stretch:允许你使文字变宽或变窄。所有主流浏览器都不支持。
font-size-adjust:为某个元素规定一个 aspect 值,字体的小写字母 “x” 的高度与 “font-size” 高度之间的比率被称为一个字体的 aspect 值。这样就可以保持首选字体的 x-height。

1.2 文本系列属性

text-indent:文本缩进
text-align:文本水平对齐
line-height:行高
word-spacing:增加或减少单词间的空白(即字间隔)
letter-spacing:增加或减少字符间的空白(字符间距)
text-transform:控制文本大小写
direction:规定文本的书写方向
color:文本颜色

1.3 元素可见性:

visibility

1.4 表格布局属性:

caption-side、border-collapse、border-spacing、empty-cells、table-layout

1.5 列表属性:

list-style-type、list-style-image、list-style-position、list-style

1. 6 生成内容属性:

quotes

1.7 光标属性:

cursor

1. 8 页面样式属性:

page、page-break-inside、windows、orphans

1.9 声音样式属性:

speak、speak-punctuation、speak-numeral、speak-header、
speech-rate、volume、voice-family、pitch、pitch-range、
stress、richness、、azimuth、elevation

所有元素可以继承的属性:
1、元素可见性:visibility、opacity 2、光标属性:cursor
内联元素可以继承的属性:
1、字体系列属性 2、除text-indent、text-align之外的文本系列属性
块级元素可以继承的属性:
1、text-indent、text-align

2. 无继承的属性

2.1 display

2.2、文本属性:

vertical-align:
text-decoration:
text-shadow:
white-space:
unicode-bidi:

2.3 盒子模型的属性:宽度、高度、内外边距、边框等

2. 4 背景属性:背景图片、颜色、位置等

2.5 定位属性:浮动、清除浮动、定位position等

2.6 生成内容属性:

content、counter-reset、counter-increment

2.7 轮廓样式属性:

outline-style、outline-width、outline-color、outline

2.8 页面样式属性:

size、page-break-before、page-break-after

继承中比较特殊的几点
1、a 标签的字体颜色不能被继承
2、h1-h6标签字体的大下也是不能被继承的
因为它们都有一个默认值

Original: https://www.cnblogs.com/stblack/p/16637224.html
Author: 司徒小夜
Title: html css中有哪些属性可以继承,哪些不可以继承

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/609361/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • nginx重新整理——————http请求的11个阶段中的preaccess[十四]

    前言 简单整理一下preaccess。 正文 主要是介绍一下上文提及到的limit_req以及limit_conn。 里面是http_limit_conn_module 默认编译进…

    Java 2023年5月30日
    051
  • ThreadLocal 原理分析

    ThreadLocal 原理分析 用法 ThreadLocal threadLocal = new ThreadLocal<>(); // 无初始值 ThreadLoc…

    Java 2023年6月8日
    0139
  • JS input输入框字数超出长度显示省略号…..

    样式添加: overflow:hidden; white-space:nowrap; text-overflow:ellipsis; Original: https://www.c…

    Java 2023年6月9日
    064
  • 设计模式-建造者模式

    1.变化是永恒的 首先,我们由一个例子来进入入今天的主题 又是一个周三,快要下班了,老大突然拉住我,喜滋滋地告诉我:”××公司很满意我们做的模型,又签订了一个合同,把奔…

    Java 2023年6月8日
    096
  • 7.Hystrix缓存特性及请求特性

    Hystrix请求缓存 Hystrix支持将请求结果进行本地缓存 通过实现getCacheKey方法来判断是否取出缓存 请求缓存要求请求必须在同一个上下文 可以用过RequestC…

    Java 2023年6月8日
    054
  • 多态

    总结: 多态是一种代码现象 也是一种思想 定义:一个对象,在不同时刻表现出来的多种形态 前提: 存在继承/实现关系 子类重写父类方法/实现类重写接口方法 父类引用指向子类对象/接口…

    Java 2023年6月8日
    089
  • 《Apache RocketMQ 深入浅出》系列文章

    Apache RocketMQ是一个纯Java、分布式、队列模型的开源消息中间件,前身是MetaQ,是阿里参考Kafka特点研发的一个队列模型的消息中间件,后开源给apache基金…

    Java 2023年5月29日
    066
  • 下载excel文件,链接,通过按钮点击创建a标签实现

    html;gutter:true;let link = document.createElement(‘a’)link.style.display = ‘none’link.hre…

    Java 2023年5月29日
    056
  • 白话电子签章原理及风险

    因为业务需要近来在对接一个线上的电子签章平台, 签完的效果就是在PDF上盖一个红色的章。内部过程沟通中发现,对这个红色章背后的证明逻辑,技术原理,能够了解的比较清楚的人还是很少的。…

    Java 2023年6月15日
    089
  • JAVA正则表达式:Pattern类与Matcher类详解(转)

    以下我们就分别来看看这两个类: 一、捕获组的概念 捕获组可以通过从左到右计算其开括号来编号,编号是从1 开始的。例如,在表达式 ((A)(B(C)))中,存在四个这样的组: 组零始…

    Java 2023年5月29日
    087
  • 注入属性文件的值

    按照以往的方式,我们总是直接把具体的字面量值填入代码进行字面量值的注入。如下所示: 可以看到Music定义了三个属性。其值直接填在代码里,由@Value注解注入。直觉告诉我们,这种…

    Java 2023年6月5日
    074
  • Linux:不分区硬盘挂载

    对硬盘分区相当于windows上的磁盘分区,不影响操作,分区之后能将多个分区挂载多个挂载点。 1 给服务器加装硬盘 查看硬盘是否能够识别,命令 fdisk -l 能够识别到硬盘。 …

    Java 2023年6月7日
    069
  • 玩SpringBoot踩的小坑~

    SpringBoot想必都学过吧,但是隔段时间没怎么用,往往犯一些低级的错误!!! 今天做了一个springboot项目的小实验,但是项目启动后却怎么都访问不到页面; 就这么一个简…

    Java 2023年6月8日
    078
  • ORACLE错误码大全

    ORA-00001: 违反唯一约束条件 (.)错误说明:当在唯一索引所对应的列上键入重复值时,会触发此异常。ORA-00017: 请求会话以设置跟踪事件ORA-00018: 超出最…

    Java 2023年6月8日
    093
  • 吊炸天,Spring Security还有这种用法!

    在用Spring Security项目开发中,有时候需要放通某一个接口时,我们需要在配置中把接口地址配置上,这样做有时候显得麻烦,而且不够优雅。我们能不能通过一个注解的方式,在需要…

    Java 2023年6月8日
    059
  • python 使用wordcloud+jieba生成词云图片

    pip install jiebapip install wordcloud(如果安装失败,https://www.lfd.uci.edu/~gohlke/pythonlibs/#…

    Java 2023年6月16日
    059
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球