即将CSS代码直接插入每个页面的HTML的<head>区，就象上一节看到的。使用<style></style>标签。例如：
<style type="text/css">
<!--
h2 { font-family: "宋体"; font-size: 12pt; font-style: italic; color: #FF0033; background-color: #FFCCCC}
h1 { font-family: "Arial"; font-size: 12pt; color: #66FF66}
-->
</style>
（2）使用“link（外部样式单）排版样式”：
即你可以将多个页面的排版风格都用一个样式单文件控制。这个外部的样式单文件（一个扩展名是css的文本文件）将设定你所有网页的规则。如果你改变样式单文件中的某行，所有页面风格用这个css文件定义的页面都会随之改变。如果你的站点文件非常多，则这项功能就非常方便了。
在<HEAD>区内使用<LINK>标签（注意：不再是<style>标签了）：
<HTML>
<HEAD>
<LINK REL=stylesheet HREF=">单纯的 CSS 是做不了网站的 它一般配合div一起用，当然也可以和table一起用 我想你问这个问题，应该会用 table 做网页吧 CSS 只是控制样式的，并非你指的“做网站” 打个比如 你写一个table 让它在页面居中 <table align="center"> <tr> <td></td> </tr> </table> 而用div + css <!-- 这段代码放到title里，如果做到外链CSS更好 --> <style type="text/css"> mainBody {margin:0 auto;} </style> <!-- 这段代码放到body里 --> <div class="mainBody"></div> 这样能做到表现和结构的分离，也就是把一些控制整个页面的代码都放到 CSS 里，而页面只放一些网站的框架和内容。这样容易维护 当然，DIV+CSS 还有很多优点。这里就不和你说了，我想你要的就是上面我说的而已1 header标签中 ,<style type="text/css">css代码</style>
2 <link rel="stylesheet" href=">CSS英文全称：Cascading Style Sheets(层叠样式表)
是为了丰富网页布局的样式，在CSS没有出来之前，大家会用表格来进行分割布局，很不方便，CSS出来后就好多了。
我们平时所访问的都是服务器反馈到浏览器的HTML页面，但是正如上面说的，HTML无法满足新时代网站拥有者的表达需求，我们就会在HTML代码中加入适当的CSS代码来合理展现新的样式。
例如：
<html>
<head>
<title>测试页<title>
<style type="text/css">
cs{width:100%;height:160px;text-align:center;line-height:160px;background:#f0f0f0;}
csl{width:20%;height:160px;float:left;background:#fff;}
csr{width:20%;height:160px;float:right;background:#fff;}
</style>
</head>
<body>
<div class="cs">
<div class="csl">
<p>左框内容</p>
</div>
<div class="csr">
<p>右框内容</p>
</div>
</div>
</body>
</html><html>
<head>
<title>CSS简单网页</title>
<style>
#box{width:500px;height:500px;position:relatively;top:50%;left:50%;margin-top:-250px;left:-250px;background:#f00;color:#fff;}
</style>
</head>
<body>
<div id="box">这是一个简单的水平，垂直居中的盒子</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）