HTML样式CSS的三种写法

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)

html是超文本语言，如以<p>、<span>、<div>、<ul>、<li>等标签写出来的布局代码就是html格式的语言，在这样的编码文档中分为两类不同的编码：1、utf-8；2、gb2312，因此html选择什么编码，css文档就需要选择相同的文档，UTF-8支持各类特殊符号与英文内容的，而gb2312是偏向中文的，css文档其实不是格式，是属于html的样式文件，那什么是样式，很简单的来说，html文档中的语言属于一个对象，就像人一样，是一个对象，当将其添加一个class或是内嵌css时，则表示为这个对象添加样式属性，就像定义对象一个人什么颜色的头发、多高的身体、穿什么颜色的衣服等。

下面举一个列子

在html文档中，如文档“人.html”，其中的有个这样的html：

<di class="pople-type">人</div>

那么在css中，我可以这样定义：

.pople-type{

margin:0 auto横向居中

width:100px宽度

height:100px高度

color:#fffffff字体颜色

background-color:#666666背景颜色

}

.pople-type里面的内容就是定义对象pople-type这个类别的div的样式，那么也就意味着，在整个html文档中，凡是使用这个类的html都具有这样的属性，不论是div、还是p标签、或是span标签，具体的细节我这里就不说了，只是说了个概念的东西，需要进一步学习的话，你在百度上度娘下“w3cschool ”，里面讲的很细，还有演示代码。

---