本篇文章给大家带来的内容是介绍css什么是继承？css如何使用？有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所助。
CSS的继承
css的继承指的是当标签具有嵌套关系时，内部标签自动拥有外部标签的不冲突的样式的性质。
在Css中有些属性不允许继承，例如，border属性没有继承性。多边框类的属性都没有继承 ，例如，padding 、 margin 、 background等。
示例：
立即学习“前端免费学习笔记（深入）”；
css使用实例 div{ color: red; font-size: 10pt; font-weight: bold; font-family: 黑体; border: 1px solid #000; } p{ color: blue; font-size: 12pt; font-style: italic; } em{ color: green; }这是蓝色，12pt，斜体，默认宋体
这是蓝色，12pt，斜体加粗，黑体
这是红色，10pt，加粗，黑体，有边框这是红色，10pt，黑体
我是em元素的文字，绿色文字周边无边框
CSS的使用方式
在html页面中使用CSS主要有3种方法：内嵌方式，内部样式表，使用标签链接外部样式表。
1.内嵌方式（是将CSS代码写在HTML的标签里。）
示例：
立即学习“前端免费学习笔记（深入）”；
内嵌方式 内嵌方式
2.内部样式表
与行间样式表类似，都是将CSS代码写在HTML文档中； 不同的是内部样式表不是写在标签中，而且有一定的格式。
示例：
立即学习“前端免费学习笔记（深入）”；
内部样式表示例 p{ width: 100px; height: 40px; color: yellow; background-color: red; text-align: center; }内部样式表
3.使用标签链接外部样式表
与内部样式表的相同之处在于都有一定的格式； 不同的是他的CSS代码是写在HTML文档外的.css文件中，而且使用时需要引用。
实例：
html1.html
外部样式表示例 外部样式表
CSS1.css
p { width: 100px; height: 40px; color: yellow; background-color: red; text-align: center;}
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问 CSS基础视频教程， CSS3视频教程，bootstrap视频教程！
以上就是CSS什么是继承？CSS如何使用？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1612707.html
微信扫一扫 
支付宝扫一扫 
