方法/步骤
<html> <div style="background:blue"></div></html>
以上是最简单的一种方式，可以在网页中直接加入，不过不能多代码的加入，只可以简单的几行代码的加入。
<html><style type="text/css"> div{ background-color: blue}</style> <div></div></html>
同在一个屋檐之下的一种表达方式，也是可以的，代码量可以加大，只是属于个人作品的一种表达方式，不是属于团队的开发之一。
<html><head> <link rel="stylesheet" type="text/css" href="baidu.css"></head></html>
使用上面的一种文档的方式，也是在企业中要用到的，不过CSS可能是用专人员来写，代码可以很长，也可以很细。
然后开发人员，可以直接使用的一种方式，团员开发的重点之重。
以上的三中方式，可能并不只是体现在差异性方面，更多的可能是开发时的实用性的一种主要体现。个人小程序可能也就不要分开来写；专业开发可能不必要文档；团队开发可能用文档比较专业一些，工作可能会更简单一些。
三种表达方式的总结说明：
空间表达：
内嵌
分层
外嵌
职业表达：
个人
私人
团队
分工表达：
简单
中等
难度
<html><head>
<title>CSS简单网页</title>
<style>
#box{width:500pxheight:500pxposition:relativelytop:50%left:50%margin-top:-250pxleft:-250pxbackground:#f00color:#fff}
</style>
</head>
<body>
<div id="box">这是一个简单的水平，垂直居中的盒子</div>
</body>
</html>
<head><style type="text/css">
<!-- A { text-decoration: none} -->
</style>
<meta http-equiv="Content-Type" content="text/html charset=gb2312" />
<title>专题</title>
<style type="text/css">
body,td,th {
font-size: 18px
color: #990022
font-weight: bold
}
#sss {
float: left
}
li{
float: left
width:80px
}
body {
background-color: #00ffee
background-image: url(Image/bg.jpg)
background-repeat: repeat}
</style>
</head>
<body>
<div id="sss">
<ul>
<li><a href=""> 首页 </a> </li>
<li><a href=""> 简介 </a> </li>
<li><a href=""> 相册 </a> </li>
<li><a href=""> 与你分享 </a> </li>
</ul>
</div> </body>
