CSS的存在就是将网页的内容与内容展示的方式进行了分离。
使用CSS的方式有好几种，最常用的是通过引入外部CSS文件进行使用
HTML
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>链接外部CSS样式</title> <link href="00_CSS使用示例.css" rel="stylesheet" type="text/css" /> </head> <body> <table> <tr> <td>疯狂Java讲义</td> </tr> <tr> <td>轻量级Java EE企业开发实战</td> </tr> <tr> <td>疯狂Ajax讲义</td> </tr> </table> </body> </html>
CSS
/* 设置整个表格的背景色 */ table { background-color: #003366; width: 400px; } /* 设置单元格的背景色、字体等*/ td { background-color: #fff; font-family: "楷体_GB2312"; font-size: 20pt; text-shadow: -8px 6px 2px #333; }
其他使用CSS样式表的方法
导入外部样式表
<style type="text/css">
@import "outer.css";
@import url("mycss.css");
</style>
使用内部样式
<style type="text/css">
样式定义
</style>
使用内联样式
style="
样式定义
"
CSS小结
CSS的学习其实就两块内容，1 选择器 2 样式设置
其他都是都如何设置样式，设置成什么样式进行使用