002_01CSS

　　CSS:Cascading Style Sheets(层叠样式表) 　　CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。

　　CSS和HTML结合的方式：

　　　　1，sytle属性方式(行内样式)　　　　　　

　　　　　　利用标签中style属性来改变每个标签的显示样式。例：<p style=" color:#FFFFFF"> p标签段落内容。 </p>

　　　　2，style标签方式(内嵌样式)

　　　　　　在head标签中加入style标签，对多个标签进行统一修改。　　　　　

　　　　　　<head>

　　　　　　　　　　p { color:#FF0000;}

　　　　　　　　</style>

　　　　　　</head>

　　　　3，导入方式

　　　　　　前提是已经存在一个定义好的CSS文件。网页的一部分样式需要用到，那么就用到这种方式。

　　　　　　　　@import url(css_3.css);

　　　　　　　　div { color:#FF0000;}

　　　　　　</style>

　　　　4，链接方式

　　　　　　通过head标签中link标签来实现，前提也是先要有一个已定好的CSS文件。

　　　　　　例： <link rel="stylesheet" type="text/css" href="css_3.css" />

　　CSS扩展选择器

　　　　1，关联选择器

　　　　　　标签是可以嵌套的，要让相同标签中的不同标签显示不同样式，就可以用此选择

　　　　　　例： p { color:#00FF00;}

　　　　　　　　 p b { color:#FF000;}

　　　　　　　　<p>P标签段落</p>

　　　　2，组合选择器

　　　　　　对多个不同选择器进行相同样式设置的时候应用此选择器。

　　　　　　p,div { color:#FF0000;}

　　　　　　<p>P标签显示段落。</p>

　　　　　　<div>DIV标签显示段落</div>

　　　　3，伪元素选择器

　　　　　　其实就在html中预先定义好的一些选择器。称为伪元素。是因为CSS的术语。

　　　　　　格式：标签名：伪元素

　　　　　　a:link 超链接未点击状态。

　　　　　　a:visited 被访问后的状态。

　　　　　　a:hover 光标移到超链接上的状态（未点击）

　　　　　　a:active 点击超链接时的状态。

　　CSS的常见操作

　　　　CSS中尺度单位的介绍

　　　　字体设置

　　　　文本设置

　　　　背景设置

　　　　列表设置

　　　　盒子模型(border margin padding)

　　　　定位设置(position,float,clear,z-index)

　　　　鼠标样式设置(cursor)

物随心转，境由心造，一切烦恼皆由心生。