在HTML中，援用CSS样式有3中方式：外部样式表，内部样式表，内联样式。
本文代码整理自w3school：http://www.w3school.com.cn
（1）外部样式表，指在HTML文件的head标签中，使用link援用另外一个CSS文件中定义的样式。如果某个样式表需要被使用许屡次，使用外部样式表是最好的选择。
HTML文件:
<HTML><Meta http-equiv="Content-Type" content="text/HTML; charset=utf⑻" /><Meta http-equiv="Content-Language" content="zh-cn" /><Title>援用外部CSS样式</Title><!--外部样式表--><head><link rel="stylesheet" type="text/CSS" href="CSS/baseStyle.CSS"></head><body><h1>h1级别的标题：红色</h1><h2>h2级别的标题：绿色</h2><h3>h3级别的标题：蓝色</h3><p>这是1个段落：灰色</p></body></HTML>CSS样式，baseStyle.CSS:h1 {color:red}h2 {color:green}h3 {color:blue}p {color:gray}（2）内部样式表，指在HTML文件的head标签内声明样式。当单个文档需要特殊的样式时，就应当使用内部样式表。
<HTML><Meta http-equiv="Content-Type" content="text/HTML; charset=utf⑻" /><Meta http-equiv="Content-Language" content="zh-cn" /><Title>内部样式表</Title><!--内部样式表--><head><style type="text/CSS">h1 {color:red}h2 {color:green}h3 {color:blue}p{color:gray}</style></head><body><h1>h1级别的标题：红色</h1><h2>h2级别的标题：绿色</h2><h3>h3级别的标题：蓝色</h3><p>这是1个段落：灰色</p><br/><br/></body></HTML>（3）内联样式（1般不建议使用），指在某个HTML内指定改标签内容的样式。由于要将表现和内容混杂在1起，内联样式会损失掉样式表的许多优势。<!--内联样式--><!--不带下划线的链接--><a href="http://www.baIDu.com" style="text-decoration:none" target="_blank">这是1个不带下划线的链接</a>以上是内存溢出为你收集整理的CSS：外部样式表/内部样式表/内联样式全部内容，希望文章能够帮你解决CSS：外部样式表/内部样式表/内联样式所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）