CSS的引入方式
按照CSS样式书写的位置(或引入的方式),CSS样式表可以分为三大类
1、行内样式表(行内式)
2、内部样式表(嵌入式)
3、外部样式表(链接式)
一、内部样式表(嵌入式)
(1)是写到html页面内部,是将所有的CSS代码抽取出来,单独放到一个style标签中
(2)style理论上可以放到html的任何一个地方,但通俗的约定放在文档的head标签中
通过此种方式,可以方便控制当前整个页面中的元素样式设置
优缺点:代码结构清晰,但没有实现结构与样式完全分离
还有一种导入式
在内联样式中通过 @import 方法,导入其他样式,提供给当前页面使用。
使用导入样式的缺点
1、导入样式,只能放在 style 标签的第一行,放其他行则会无效。
2、@import 声明的样式表不能充分利用浏览器并发请求资源的行为,其加载行为往往会延后触发或被其他资源加载挂起。
3、由于 @import 样式表的延后加载,可能会导致页面样式闪烁。
二、行内样式表(行内式)
是在元素标签内部的style属性中设定CSS样式。适合于修改简单样式。
<p style="