第一种: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