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和编写html代码的基本是一样的，css也有一定的规则和可循。比如：一般先写全局通用的css，比如body的字体、背景颜色，然后是头部css、正文css、底部css。
css也有一定的命名规则，比如head头部,只要掌握了全局，思路也就理清了。
1、直接使用行内样式，即在html标签上使用style
<div style="width:100pxheight:100pxbackground:red">div内容</div>2、先定义css样式，再给html的class属性赋值
<style>.content{
width:100px
height:100px
background:red
}
</style>
<div class="content">
div测试内容
</div>
总结：两种方式效果是一致的，只是第二种方式可进行重用，只要html元素class属性相同即可
