W3C把动态超文本(Dynamic.ppt

CSS W3C把动态超文本（Dynamic HTML）的实现分为了三个部分：脚本、支持动态效果的浏览器和CSS。 +CSS CSS是Cascading Style Sheets（层叠样式表单）的简称。它允许作者在HTML文档中加入样式（如字体类型、颜色、大小等等）。对于设计者来说它是一个非常灵活的工具，不必再把繁杂的样式定义编写在文档结构中，可以将所有有关于文档的样式指定内容全部脱离出来，在行内定义、在标题中定义，甚至作为外部样式文件供HTML调用。CSS在当前的网页设计中已经成为不可缺少的技术。 +CSS CSS最基本的特性：分组、继承、层叠 分组：通常我们需要同时改变几种样式的属性，CSS允许声明通过使用分号分隔其内容的方式来进行分组。例如：body,td,p {color:#000000,text-align:left} 继承：通过继承，CSS设置可以被应用到多个标识中。绝大部分（但不是全部）的CSS声明可以通过封闭CSS选择器中的HTML标识来被继承。例如通过一个CSS设置来改变整个页面的字体： body { font-family: Arial; font-size: 14px; line-height: 18px; color: #000000} 这种形式的定义之所以可能，是因为body标识被认为是页面上所有元素的父标识。 +CSS 层叠：Cascading描述了覆盖通用样式的局部样式的能力。在相同的方式中，一个普遍地应用到某一块文本上的CSS规则可以被其他应用到相同文本中某个更为特殊的部分的规则所覆盖。 样式表的使用有三种方式：连接、导入、嵌入。其中连接和导入可用于多个页面共用一个样式表文件（在这两种方式中，通常Link方式在浏览器中等到更好的支持）；嵌入则仅对单一页面起作用。 +CSS 一个最简单的HTML文档 html body pText goes here…p /body /html +CSS +CSS a是指有链接的文字，下面详细解说： a:link：表示已经链接； a:hover：表示鼠标移上链接时； a:active：表示链接激活时； a:visited：表示己点击过的链接。 +CSS 让css使网页图片半透明 Alpha(Opacity=25, FinishOpacity=50, Style=1, StartX=0, StartY=1, FinishX=200, FinishY=100) （1）“Opacity”代表透明度水准，范围是0---100，其实就是百分比的意思，如果你想变为全透明，那么就用0代替Opacity后面的问号吧。 （2）“FinishOpacity”就是用来指定结束时的透明度，范围跟Opacity一样（FinishOpacity为可选参数，不想要的话就去掉它吧。 +CSS 3）“Style”是指定透明区域的形状特征，0代表统一形状，1代表线形，2代表放射形，3代表长方形。比如我们一般可以写成Style=1。 （4）“startX”与”startY”就是代表渐变效果开始的X与Y坐标，（坐标应该知道是什么吧）一般我们设置为StartX=0, StartY=0（这样就是表示的透明效果是从图片的左上角开始的。） （5）“FinishX”与“FinishY”当然，这个就是代表渐变效果结束时的横纵坐标了，这里很关键，填什么数值那就要看你的图片的高与宽了，假设我们的图片高与宽分别是100、200像素，那么就可以写成FinishX=200， FinishY=100。（如果你只想要一半的面积是透明，那么可以设置成FinishX=100， FinishY=50） +CSS 使用链接方式（新建样式表）制作一个CSS文件，CSS样式里的各种参数都练习一次。 * * style p {color : red ; font-weight : bold} /stylelink rel=stylesheet href=”main-sheet.css” type=”text/css” html style /style body p利用span class=bigFontClass/span 和span id=blueBackID/span显示内容。/p /body /html * * * * *