CSS是样式层叠表,有三种引入方式。下面,我们来看看HTML样式CSS的三种写法吧。
01行内样式
CSS可以直接放到行内样式中引入即可,比如代码如下图:
<p style="color: bluebackground: red">
hello world!
</p>
02嵌入式
还可以采用潜入方式引入CSS,就是把CSS写到<style>标签中,这种方式比较实用,如下图所示:
<style type="text/css">
h1 {color: red}
</style>
<h1>hello world</h1>
03外部样式表
还有一种叫做外部样式,也就是把CSS写在另外一张页面上,然后再引用到指定页面就可以了,这种也很常见。
@import url(main.css)
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