1、行内样式（内联样式）例：<body style="background-color:#ccccc;">2、内部样式例：<head> <style type="text/css"> body {background-color:#cccccc;}</style></head>3、外部样式例：style.cssbody { background-color:#cccccc;}index.html<head><link rel="stylesheet" type="text/css" href="style.css" /></head> css选择器1、标签选择符（又称为元素选择符、类型选择符）2、id 及 class 选择符 3、属性选择符 [title] a{color:red;} （为所有的属性是title的a标签的元素变成红色）4、包含选择符5、伪类选择符a:link {color: #FF0000; text-decoration: none} /* 未访问的链接 */a:visited {color: #00FF00; text-decoration: none} /* 已访问的链接 */a:hover {color: #FF00FF; text-decoration: underline} /* 鼠标在链接上 */a:active {color: #0000FF; text-decoration: underline} /* 激活链接 */6、优先级依次是： 行内样式表 > 内部样式表 > 外部样式表 7、选择符id的定义优先于class 的定义8、通配符 *9、浏览器优先执先 !important标注的语句。