PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

CSS:外部样式表/内部样式表/内联样式_html/css_WEB-ITnose

原创
2016-06-24 11:52:51 1896浏览

在html中,引用CSS样式有3中方式:外部样式表,内部样式表,内联样式。

本文代码整理自w3school:http://www.w3school.com.cn

(1)外部样式表,指在html文件的head标签中,使用link引用另一个css文件中定义的样式。如果某个样式表需要被使用许多次,使用外部样式表是最好的选择。

html文件:

引用外部css样式

h1级别的标题:红色

h2级别的标题:绿色

h3级别的标题:蓝色

这是一个段落:灰色

CSS样式,baseStyle.css:

h1 {color:red}h2 {color:green}h3 {color:blue}p {color:gray}

(2)内部样式表,指在html文件的head标签内声明样式。当单个文档需要特殊的样式时,就应该使用内部样式表。

内部样式表

h1级别的标题:红色

h2级别的标题:绿色

h3级别的标题:蓝色

这是一个段落:灰色



(3)内联样式(一般不建议使用),指在某个html内指定改标签内容的样式。由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。

这是一个不带下划线的链接


声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。