在网页中加入CSS的方法
1.直接加在对象上
<html>
<head>
<title>title</title>
</head>
<body>
<span style="color:red">red</span>
</body>
</html>
2.加到页面头部
<html>
<head>
<title>title</title>
<style>span{color:red}</style>
</head>
<body>
<span>red</span>
</body>
</html>
3.链接外部的样式表文件
<html>
<head>
<title>title</title>
<link href="demo.css" rel="stylesheet" type="text/css">
</head>
<body>
<span>red</span>
</body>
</html>
4.导入外部的样式文件
<html>
<head>
<title>title</title>
<style>@import url (demo.css)</style>
</head>
<body>
<span>red</span>
</body>
</html>
注意：外部CSS文件中不能再包含<style>和</style>。
demo.css文件的代码如下：
span{color:red}
相关文档：
转载自：div+css优点
http://blog.sina.com.cn/s/blog_4fe1e5e90100bdtk.html
最近面试了多家公司...有个关于div+css布局好处的问题,问了好多次..我回答了一些,但是不太全面..
今天从网上系统的搜索到了一些,参考
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码；CSS是CascADIng style Sh ......
1.在页面HEAD中引入一个特殊的CSS
<link rel="stylesheet" type="text/css" href="${contextPath}/styles/print.css" media="print" />
2.在print.css中通过将页面中显示的区域DISPLAY设置为NONE,打印区域设定DISPLAY为BLOCK
另外可以加入一个特殊的CSS来控制分页效果
. ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
......
1.div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然
后插入文字，就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方
案是在这个div里面加上display:inline;
例如：
<#div ......
这本书不错，详细介绍了CSS的相关知识，对初学者和想进一步学习的人都有帮助。
相关笔记：
行内样式>ID样式>类样式>标记样式
font-weight:bold;
font-size:30px;
text-decoration:underline;
& ......
