CSS:外部样式表/内部样式表/内联样式_html/css_WEB-ITnose
程序员文章站
2022-05-26 13:12:55
...
在html中,引用CSS样式有3中方式:外部样式表,内部样式表,内联样式。
本文代码整理自w3school:http://www.w3school.com.cn
(1)外部样式表,指在html文件的head标签中,使用link引用另一个css文件中定义的样式。如果某个样式表需要被使用许多次,使用外部样式表是最好的选择。
html文件:
CSS样式,baseStyle.css:引用外部css样式 h1级别的标题:红色
h2级别的标题:绿色
h3级别的标题:蓝色
这是一个段落:灰色
h1 {color:red}h2 {color:green}h3 {color:blue}p {color:gray}
(2)内部样式表,指在html文件的head标签内声明样式。当单个文档需要特殊的样式时,就应该使用内部样式表。
(3)内联样式(一般不建议使用),指在某个html内指定改标签内容的样式。由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。内部样式表 h1级别的标题:红色
h2级别的标题:绿色
h3级别的标题:蓝色
这是一个段落:灰色
这是一个不带下划线的链接
推荐阅读
-
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
-
html内联样式(表),外部样式表
-
一个link标签引用多个外部样式,这样写是有什么好处吗?_html/css_WEB-ITnose
-
HTML的基础知识.关于css样式表和样式属性的详细介绍
-
样式表该如何修改_html/css_WEB-ITnose
-
关于伪类a:hover用行样式表达,求解,_html/css_WEB-ITnose
-
CSS样式图文详解:css样式表和选择器_html/css_WEB-ITnose
-
关于伪类a:hover用行样式表达,求解,_html/css_WEB-ITnose
-
如何在外部更改内联框架的字体大小_html/css_WEB-ITnose
-
HTML与CSS入门--第四章 理解层叠样式表_html/css_WEB-ITnose