HTML样式CSS的三种写法

html-css014

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

CSS是样式层叠表，有三种引入方式。下面，我们来看看HTML样式CSS的三种写法吧。

行内样式

CSS可以直接放到行内样式中引入即可，比如代码如下图：

<p style="color: bluebackground: red">

hello world！

</p>

嵌入式

还可以采用潜入方式引入CSS，就是把CSS写到<style>标签中，这种方式比较实用，如下图所示：

<style type="text/css">

h1 {color: red}

</style>

<h1>helloworld</h1>

外部样式表

还有一种叫做外部样式，也就是把CSS写在另外一张页面上，然后再引用到指定页面就可以了，这种也很常见。

@import url(main.css)

内嵌样式表

<STYLE type="text/css">

选择符 { 样式属性：取值样式属性：取值...}

</STYLE>

外部样式表

写好了样式之后保存为后缀.css的文件

再在你要引用的HTML文件的<HEAD></HEAD>标签内写上引用语句

<LINK rel="stylesheet" href="该文件的名称(包括路径)" type="text/css">

行内样式

在要加入的行的表签内写 style="同上"