今天讲一下css样式表引入的四种方式:行内嵌入、页内嵌入、外部嵌入以及import嵌入。
1.行内嵌入:顾名思义就是在标签里面直接嵌入属性style来实现。
如图所示→
2.页内嵌入:style样式用<style>…</style>形式放到</head>前
3.外部嵌入:这种方法属于外部嵌入。
步骤:
- 1.新建一个css文件假如命名为:ceshi.css,内容为一个css样式,写在ceshi.css文件中
- 2.在</head>标签中引入css文件,href属性中的为绝对路径,当前在同一级目录下,引入标签:
- <link href=”文件绝对路径/ceshi.css” rel=”stylesheet” type=”text/css” />
注意点:
- 1.外部的css文件不用再填<style></style>标签
- 2.外部css文件代码最后面不能有空格
- 3.同级目录路径:./文件名。上一级是:../文件名
如下图:
注意:优先级—行内嵌入>页内嵌入>外部嵌入