在css的学习过程中,我们会遇到一些属性可以继承,那么,css中的继承是什么意思?有哪些属性可以继承呢?本篇文章就给大家来介绍一下css中继承性的内容。
我们定义css继承前,先来看一看HTML DOM(文档树),HTML DOM(文档树)是由html元素组成,文档树和家族树类似,也有祖先、后代、父亲、孩子和兄弟。其实很容易就可以理解,这里就不多说了,要想了解更多的话可以看一下这个HTML DOM中文参考手册。
css继承是什么意思?
看了文档树后,我们css中的继承就可以定义为特定的css属性向下传递到子孙元素。这其实也很好理解,就是指被包在内部的标签将拥有外部标签的样式性,即子元素可以继承父元素的属性。
我们下面就用一个例子再来具体的说明一下css的继承性是什么。
<p> CSS<em>继承性</em>代码 </p>
需要注意的是em是包含在p之内的。
当我们指定p的css样式时,看看em会有什么变化呢?
<style> p { color:red; } </style>
在浏览器中p标签和em标签的字体同时变红。我们并没有指定em的样式,但em继承了它的父亲元素p的样式特性。
看到这里,我相信你应该非常清楚css中的继承是什么意思了,其实css继承在我们写代码时是经常会用到的,甚至在不知不觉间就用到了。
当然了,上述例子中我们的属性是可以被继承的,但是并不是所有属性都可以被继承的,那么css有哪些属性可以继承呢?下面我们来总结一下。
css有哪些属性可以继承?
1、css中有继承性的属性之字体属性中的:
font:字体。font-family:规定元素的字体。font-weight:设置字体的粗细。
font-size:设置字体的尺寸。font-style:定义字体的风格。
font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
font-stretch:对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。
font-size-adjust:为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。
2、css中有继承性的属性之文本属性中的:
text-indent:文本缩进。text-align:文本水平对齐。line-height:行高。word-spacing:增加或减少单词间的空白(即字间隔)。
letter-spacing:增加或减少字符间的空白(字符间距)。text-transform:控制文本大小写。direction:规定文本的书写方向。
color:文本颜色
3、css中有继承性的属性之元素可见性:
visibility:规定元素是否可见。
4、css中有继承性的属性之表格布局属性:
caption-side:设置表格标题的位置。border-collapse:设置是否将表格边框折叠为单一边框。
border-spacing:设置分隔单元格边框的距离。empty-cells:设置是否显示表格中的空单元格。
table-layout:设置显示单元、行和列的算法。
5、css中有继承性的属性之列表布局属性:
list-style-type:修改用于列表项的标志类型。list-style-image:对各标志使用一个图像。
list-style-position:可以确定标志出现在列表项内容之外还是内容内部。
list-style:简写列表样式,用于把所有用于列表的属性设置于一个声明中。
6、css中有继承性的属性之生成内容属性:
quotes:设置嵌套引用的引号类型。
7、css中有继承性的属性之光标属性:
cursor:规定要显示的光标的类型(形状)
8、css中有继承性的属性之页面样式属性:
page:规定元素应该被显示的页面特定类型。page-break-inside:设置在表格元素内部避免进行分页的分页行为。
windows:设置当元素内部发生分页时必须在页面顶部保留的最少行数。
orphans:设置当元素内部发生分页时必须在页面底部保留的最少行数。
9、css中有继承性的属性之声音样式属性
speak:设置或检索声音是否给出。speak-punctuation:设置或检索标点符号如何发音。
speak-numeral:设置或检索数字如何发音。speak-header:设置或检索表格头与其后的一系列单元格发生多少次关系。
speech-rate:设置或检索发音速度。volume:设置或检索音量。
voice-family:设置或检索当前声音类型。pitch:设置或检索音高。
pitch-range:设置或检索声音的平滑程度。stress:和pitch-range相似。设置或检索当前声音波形的最高峰值。
richness:设置或检索当前声音的音色。azimuth:设置或检索当前声音的音场角度。
elevation:设置或检索当前声音的音源仰角。
10、所有元素可以继承的属性:visibility、cursor
11、内联元素可以继承的属性:
(1)字体系列属性
(2)除text-indent、text-align之外的文本系列属性
12、块级元素可以继承的属性:text-indent、text-align
上面这些就是关于css继承所给大家总结的内容了,当然了,如果你想在更进一步的去认识css继承的有关知识,你可以去php中文网看一看css视频教程栏目或者css3视频教程栏目,里面的各式css相关的视频。
相关推荐:
Atas ialah kandungan terperinci css继承是什么意思?css哪些属性可以继承?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

在css中,可用list-style-type属性来去掉ul的圆点标记,语法为“ul{list-style-type:none}”;list-style-type属性可设置列表项标记的类型,当值为“none”可不定义标记,也可去除已有标记。

区别是:css是层叠样式表单,是将样式信息与网页内容分离的一种标记语言,主要用来设计网页的样式,还可以对网页各元素进行格式化;xml是可扩展标记语言,是一种数据存储语言,用于使用简单的标记描述数据,将文档分成许多部件并对这些部件加以标识。

在css中,可以利用cursor属性实现鼠标隐藏效果,该属性用于定义鼠标指针放在一个元素边界范围内时所用的光标形状,当属性值设置为none时,就可以实现鼠标隐藏效果,语法为“元素{cursor:none}”。

转换方法:1、给英文元素添加“text-transform: uppercase;”样式,可将所有的英文字母都变成大写;2、给英文元素添加“text-transform:capitalize;”样式,可将英文文本中每个单词的首字母变为大写。

在css中,rtl是“right-to-left”的缩写,是从右往左的意思,指的是内联内容从右往左依次排布,是direction属性的一个属性值;该属性规定了文本的方向和书写方向,语法为“元素{direction:rtl}”。

在css中,可以利用“font-style”属性设置i元素不是斜体样式,该属性用于指定文本的字体样式,当属性值设置为“normal”时,会显示元素的标准字体样式,语法为“i元素{font-style:normal}”。

在css3中,可以用“transform-origin”属性设置rotate的旋转中心点,该属性可更改转换元素的位置,第一个参数设置x轴的旋转位置,第二个参数设置y轴旋转位置,语法为“transform-origin:x轴位置 y轴位置”。


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

PhpStorm versi Mac
Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

Pelayar Peperiksaan Selamat
Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.
