HTML样式CSS的三种写法

html-css09

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)

通常标准是单独建个文件夹，专门用来放css的。如果要在页面写的话有三个地方可以写。

第一：<head></head>标签内，用<style type="text/css"></style>标记开始和结束,示例：

<head>

    <style type="text/css">

        css语句

    </style>

</head>

第二个地方就是直接在html标签内写，比如div、p、span这些。示例:

<div style="css语句"></div>

<p style="css语句"></p>

第三个是在js里面写，这个我也不熟，就不给示例了，希望可以帮到你。

在head里面

1.直接写在头上style里面，一大段，例:

body,td,th

{

font-family:

"宋体"

font-size:

12px

line-height:

120%

}

body

{

margin-left:

0px

margin-top:

0px

margin-right:

0px

margin-bottom:

0px

}

2.外部连接

<link

href="css/css代码.css"

rel="stylesheet"

type="text/css">

"css/css代码.css"是读取同级目录CSS下的＜css代码.css＞

css代码文件.

"../css/css代码.css"是读取上级目录CSS下的＜css代码.css＞

css代码文件.以次类推.

还可以加载网络CSS，这鸟事俺们做网站的一般不干