首页前端开发CSSCSS插入内部样式表教学

CSS插入内部样式表教学

时间2024-05-20 10:48:04发布访客分类CSS浏览35
导读:多重样式 如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。 例如,外部样式表拥有针对h3选择器的三个属性: h3 { color:red; text-align:left;...
多重样式 如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。 例如,外部样式表拥有针对h3选择器的三个属性: h3 { color:red; text-align:left; font-size:8pt; } 而内部样式表拥有针对h3选择器的两个属性: h3 { text-align:right; font-size:20pt; } 假如拥有内部样式表的这个页面同时与外部样式表链接,那么h3得到的样式是: color:red; text-align:right; font-size:20pt; 即颜色属性将被继承于外部样式表,而文字排列(text-alignment)和字体尺寸(font-size)会被内部样式表中的规则取代。 多重样式优先级 样式表允许以多种方式规定样式信息。样式可以规定在单个的HTML元素中,在HTML页的头元素中,或在一个外部的CSS文件中。甚至可以在同一个HTML文档内部引用多个外部样式表。 一般情况下,优先级如下: (内联样式)Inlinestyle> (内部样式)Internalstylesheet> (外部样式)Externalstylesheet> 浏览器默认样式 /* 内部样式 */ h3{ color:green; }

测试!

注意:如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: CSS插入内部样式表教学
本文地址: https://pptw.com/jishu/664097.html
CSS背景图像教学与实例 CSS Id 和 Class选择器介绍分享

游客 回复需填写必要信息