<!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=utf-8" /> <title>无标题文档</title> </head> <body> css和html相结合（div、span、p等等）：<BR />
1、每个html标签中都有一个style样式属性，该属性的值就是css代码，每个代码之间用";"隔开 <BR /> <div style="background-color:#00C; color:#6C9">同样div定义01次，复用性差</div> <BR /> <div style="background-color:#00C; color:#6C9">同样div定义02次，复用性差</div> <BR /> 2、使用style标签方式，style样式，应放在head标签中，表明页面在加载时，就加载样式 <BR /> <style type="text/css"> div{ background-color:#000; color:#FFF } </style> <div>同样div<bR />定义整体样式01次，复用好差</div> <BR /> <span style="background-color:#000; color:#09C">span：区域：局部定义</span> <BR /> <style type="text/css"> span{ background-color:#C93; color:#0F0 } </style> <span>span：区域：整体部定义</span>
<BR /> <p style="background-color:#900; color:#6FF"> p：段落同样可以定义css样式 </p> </body> </html>
分别定义了div层的样式，span区域的样式，p段的样式。
可以定义局部的，可以定义全局的。全局的样式定义最好在head标签中定义，表明页面一加载就加载样式。