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属性相同即可
1，直接在html标签元素内嵌入css样式，如<div style="font-size:14pxcolor:#FF0000">2，在html头部head部分内style声明插入代码如下：
<style type="text/css">
<!-- 这里是设置CSS的样式内容*/ -->
</style>
3,使用@import引用外部CSS文件方法
<style type="text/css">
<!-- @import url(wacss.css)/*这里是通过@import引用CSS的样式内容,必须要有wacss.css这个文件*/ -->
</style>
4、使用link来调用外部的css文件
在head放置<link rel="stylesheet" href="wacss.css" type="text/css" />来调用外部的wacss.css文件来实现html引用css文件
第三种很少用到，实际的开发中常用的是1跟4，具体用哪种看你自己的需要
