HTML样式CSS的三种写法

html-css014

HTML样式CSS的三种写法,第1张

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