DW中的CSS技术总结.ppt

css CSS选择器 选择器（selector）是CSS中很重要的概念，所有HTML语言中的标记都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行控制，并赋予各种样式声明，即可实现各种效果。 选择器的种类： 标记选择器：针对HTML的标记，例如p标记，添加样式。 类别选择器：比较灵活针对单独需要某一类的样式。 ID选择器：针对某一个ID使用样式，同一个Id选择器不能同时出现在两个标记中的，原因是id不但用于CSS同时也是javascript语法的一个目标设置。所以相同的id名称会造成混乱。 CSS选择器 标签选择器 ID选择器 类别选择器 CSS的修改 选择器的复合声明 在利用CSS选择器控制HTML标记时，除了每个选择器的属性可以一次声明多个，选择器本身也可以同时声明多个，并且任何形式的选择器包括标记选择器、class类别选择器、ID选择器等都是合法的。 注意：在每个声明之间加“，”隔开。 复合选择器 CSS的嵌套 CSS的继承 继承，简单的说就是将各个HTML标记看作一个个容器，其中被包含的小容器会继承所包含它的大容器的风格样式。我们在这里从页面各个标记的父子关系出发，讲解CSS的继承。 HTML的标签 .p段落标签 .a超链接标签 .img为图片的标签 .body为网页的页面布局标签，也可以对网页的背景设置图片或者颜色。 CSS选择器可以针对标签 应用CSS到网页中的方式 新建链接式样表式文件 链接式样式表信息 附加样式表信息 类型样式 背景样式 区块样式 方框样式 边框样式 扩展样式 超级链接的4种状态 a:link 超链接默认状态 a:visited 已经浏览过的链接 a:hover 鼠标经过时 a:active 点击链接时 注意：1、选择器选择超链接时，应选用复合选择器。因为a：是链接标签，后面是类标签。2、该样式直接影响整个页面的超链接。 想弄出高光的效果，就要会利用填充，填充是指填充字符与单元格空余的部分。 如果不想超链接状态样式影响整个页面，就利用类的嵌套。 超链接状态样式 样式表的滤镜 在扩展样式里： Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。 FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0 到 100。 Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。 StartX和StartY：代表渐变透明效果的开始X和Y坐标。 FinishX和FinishY：代表渐变透明效果结束X和Y 的坐标。 * 可以作为一个特殊指定， 把相同的类别区分开 *