引用CSS的写法有几种?

html-css015

引用CSS的写法有几种?,第1张

目前有两种引用方式,一种是通过在head里面的link来引用,另外一种是直接通过import来引用,示例代码如下:

第一种:link引用

<link rel="stylesheet" href="/css/mycss.css" />

第二种:@import引用

<style type="text/css">

@import url(/css/mycss.css)

</style

link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。

import在html使用时候需要<style type="text/css">标签,同时可以直接“@import url(CSS文件路径地址)”放入css文件或css代码里引入其它css文件。

本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。

html元素太多了,没法都列出来百,找个手册之类的看看就知道了

css有3种用法:

1:内嵌式

就是在html标签度增加style属性

比如:<p

style="color:red">content</p>

2:页内引用

在html文件<head>标签内使用<style

type="text/css"></style>标签内部写css代码

3:外部文件

也是在head标签内使用link标签

比如:<link

type="text/css"

rel="stylesheet"

href="css/style.css"

/>

三种版用权法如果有相同的css样式会被覆盖,所以css叫做层叠样式表

1覆盖2覆盖3