CSS中继承指的是什么意思

  介绍

这篇文章主要介绍CSS中继承指的是什么意思,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

CSS的继承指的是当标签具有嵌套关系时,内部标签自动拥有外部标签的不冲突的样式的性质。

在CSS中有些属性不允许继承,例如,边境属性没有继承性。多边框类的属性都没有继承,例如,填充、保证金、背景等。

示例:

& lt; !DOCTYPE HTML公众“-//W3C//DTD HTML 4.01过渡//EN"“http://www.w3.org/TR/html4/loose.dtd"比;   & lt; html>   & lt; head>   & lt;元内容=拔谋?css"charset=癎B2312"比;   & lt; title> css使用实例& lt;/title>   & lt;风格类型=拔谋?css"比;   div {   颜色:红色;   字体大小:10 pt;   粗细:大胆的;   字体类型:黑体;   边界:1 px固体# 000;   }   p {   颜色:蓝色;   字体大小:12 pt;   字体样式:斜体;   }   em {   颜色:绿色;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; p>这是蓝色12 pt,斜体,默认宋体& lt;/p>   & lt; div>   & lt; p>这是蓝色12 pt,斜体加粗、黑体& lt;/p>   & lt;/div>   & lt; br>   & lt; div>这是红色,10 pt,加粗、黑体,有边框& lt;/div> & lt; br>   & lt; div>   这是红色,10 pt,黑体& lt; br>   & lt; em>我是em元素的文字,绿色文字周边无边框& lt;/em>   & lt;/div>      & lt;/body>   & lt;/html>

在html页面中使用CSS主要有3种方法:内嵌方式,内部样式表,使用& lt;每日标签链接外部样式表。

1。内嵌方式(是将CSS代码写在HTML的标签里。)

示例:

& lt; !DOCTYPE html> & lt; html>   & lt; head>   & lt;元charset=皍tf-8"/比;   & lt; title>内嵌方式& lt;/title>   & lt;/head>   & lt; body>   & lt; p align=癱enter"风格=把丈?红色;“祝辞内嵌方式& lt;/p>   & lt;/body> & lt;/html>

2。内部样式表

与行间样式表类似,都是将CSS代码写在HTML文档中;不同的是内部样式表不是写在标签中,而且有一定的格式。

示例:

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf-8"/比;   & lt; title>内部样式表示例& lt;/title>   & lt;风格类型=拔谋?css"比;   p {   宽度:100 px;   高度:40像素;   颜色:黄色;   背景颜色:红色;   text-align:中心;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; p>内部样式表& lt;/p>   & lt;/body>   & lt;/html>

3。使用& lt;每日标签链接外部样式表

与内部样式表的相同之处在于都有一定的格式;不同的是他的CSS代码是写在HTML文档外的

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf-8"/比;   & lt; title>外部样式表示例& lt;/title>   & lt;链接rel=皊tylesheet"href=https://www.yisu.com/zixun/" css/css1.css "/>   头   身体<>   

外部样式表

  身体   

CSS1中。css

以上是CSS中继承指的是什么意思的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道! 

CSS中继承指的是什么意思