本文将详细解释如何创建和插入CSS样式表。文章内容质量较高，边肖将分享给大家参考。希望你看完这篇文章后有所了解。
如何创建和插入CSS样式表
插入CSS样式表
当读取样式表时，浏览器根据它格式化HTML文档。插入样式表有三种方法：
外部样式表
当样式需要应用于许多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，您可以通过更改一个文件来更改整个网站的外观。每个页面都使用链接标签链接到样式表。链接标签在(文档的)标题中：
Headrellinkrel='样式表' type=' text/CSS' href=' mystyle。CSS'//Head浏览器将从文件mystyle.css中读取样式声明，并根据它格式化文档。
可以在任何文本编辑器中编辑外部样式表。该文件不能包含任何html标记。样式表应该与。CSS扩展。以下是样式表文件的示例：
hr { color:sienna} p { margin-left :20 px；} body { background-image : URL(' images/back 40 . gif ')；}属性值和单位之间不要留空格。如果用“margin-left:20px”代替“margin-left336020px”，它只在IE6中工作，但在Mozilla/Firefox或Netscape中不能正常工作。
内部样式表
当单个文档需要特殊样式时，应该使用内部样式表。您可以使用样式标签在文档头中定义一个内部样式表，如：
headstylentystyle type=' text/CSS ' HR { color : senna；} p { margin-left :20 px；} body { background-image : URL(' images/back 40 . gif ')；}/style/head内联样式
由于混合了表示和内容，内联样式将失去样式表的许多优势。请谨慎使用此方法，例如，当样式只需要在元素上应用一次时。
要使用内联样式，需要在相关标签中使用style属性。样式属性可以包含任何CSS属性。此示例显示如何更改段落的颜色和左边距：
pstylepstyle=' color:sienna左边距-:20 px ' thisaparagraph/p多重样式
如果某些属性是由不同样式表中的同一选择器定义的，属性值将从更具体的样式表中继承。
例如，对于h4选择器，外部样式表有三个属性：
h4 { color:redtext-align : left；font-size :8 pt；}对于h4选择器，内部样式表有两个属性：
H4 { text-align : right；font-size :20 pt；}如果带有内部样式表的页面同时与外部样式表链接，h4得到的样式是：
color:redtext-align : right；font-size :20 pt；也就是说，颜色属性将从外部样式表中继承，文本对齐和字体大小将被内部样式表中的规则替换。
这里将分享如何创建和插入CSS样式表。希望
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/81291.html