有3种引入方式
a、外部引入
b、头部引入
c、行内引入(内联引入)
-----------------------------------分割线--------------------------------------------------
a、外部引入
通过link标签的href属性引入css属性
在工作中,通常会使用这种方式。
优点:结构样式分离,易于修改维护,css文件能够缓存在浏览器。
缺点:增加请求次数,在大型网站(百度,京东等)中一般不会使用这种方式。
优先级:一个html文件可以引入多个css文件,不过会有优先级,越后面的越优先。
首先:
新建一个css文件
在html文件里声明使用这个文件,如下:
<link rel="stylesheet" href="css/base.css" />-------------作为head元素的子元素
href="文件地址"-----有时候需要加上../css/base.css,这个的意思是html的上级文件夹下的css文件夹里的css文件。
-----------------------------------分割线--------------------------------------------------
b、头部引入
在head元素里通过style标签引入css属性----作为head元素的子元素
<style type="text/css">
Css属性
</style>
优点:用于访问量大型网站,减少http请求次数
缺点:css文件不能缓存
-----------------------------------分割线--------------------------------------------------
c、内联引入(行内引入):
在标签里通过元素的style 属性添加css样式
<body style="font-weight:bold;">
不推荐使用,只用在需要使用特殊样式的某些元素上
优点:这样添加的css属性的优先级比其他两种方式要高
缺点:结构跟样式没有分离,只能控制当前style属性的单一元素
-----------------------------------分割线--------------------------------------------------
外部引入和头部引入所写的css样式: