介绍
这篇文章主要介绍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 "/> >头 身体<>外部样式表
身体>