dreamweaver cs5 css样式表的应用与翻译

《dreamweaver cs5 css样式表的应用与翻译》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、DreamweaverCS5CSS样式表的应用与中文翻译如果说目前在Web设计和开发技术领域，什么是非常“火”的新技术，CSS/DIV页面的布局无疑是其中之一1．CSS的概念CSS（CascadingStyleSheet），中文译为层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。从CSS对标记的控制入手，讲解CSS的初步知识以及编辑方法。希望大家能够掌握下一面几个方面的内容：·标记的概念·传统HTML的缺点·CSS的引入

2、特点：1）灵活控制网页中的每个元素的样式2）把内容和格式处理相分离，提高工作效率注：CSS是1996年由W3C审核通过，并且推荐使用的。简单的说CSS的引入就是为了使得HTML能够更好的适应页面的美工设计。它以HTML为基础，提供了丰富的格式化功能，如字体、颜色、背景、整体排版等等，并且网页设计者可以针对各种可视化浏览器设置不同的样式风格，包括显示器、打印机、打字机、投影仪、PDA等等。CSS的引入随即引发了网页设计的一个又一个新高潮，使用CSS设计的优秀页面层出不穷。如何编辑CSS样式1)属性面板快捷操作2）使用CSS样式面板A．管理CSS规则按钮（添加按钮、链接按钮、

3、修改按钮、删除按钮）B．显示规则列表（显示全部元素的样式、显示当前编辑元素的样式）C．显示所选规制属性D．查看CSS属性视图按钮（分类、按字母排列、显示设置）3）手工输入代码3.CSS选择器标记选择器（对标记起作用）类别选择器ID选择器所有浏览器都支持vertical-align属性。可能的值值描述baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。H20super垂直对齐文本的上标52=25top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元素的中部。bottom把元素的顶端与行中最低的元素的顶

4、端对齐。text-bottom把元素的底端与父元素字体的底端对齐。length长度单位与基线的位移数值%使用"line-height"属性的百分比值来排列此元素。允许使用负值。inherit规定应该从父元素继承vertical-align属性的值。http://www.w3school.com.cn/css/css_reference.asp7）．设置链接样式超级链接的4种状态a:link超链接默认状态a:visited已经浏览过的链接a:hover鼠标经过时a:active点击链接时鼠标经过时背景颜色为：#33FF99使用样式表的滤镜，对图片增加效果。filter:Alpha(Opac

5、ity=100,FinishOpacity=0,Style=2,StartX=0,StartY=0,FinishX=300,FinishY=240);height:300px;width:660px;Alpha(Opacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?)Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0到100。Style：设置渐变透明的样式，值为0代表统一形状、1代表线

6、形、2代表放射状、3代表长方形。StartX和StartY：代表渐变透明效果的开始X和Y坐标。FinishX和FinishY：代表渐变透明效果结束X和Y的坐标。9.CSS使用技巧1）CSS禁用/启用CSS禁用/启用允许您直接从CSS样式面板禁用和重新启用CSS属性。禁用CSS属性只会取消指定属性的注释，而不会实际删除该属性。2）CSS检查检查模式允许您以可视化方式详细显示CSS框模型属性，包括填充、边框和边距，无需读取代码，也不需要独立的第三方实用程序（如Firebug）。3）浏览器兼容性测试由于不同的浏览器对CSS样式标准的执行情况不一样，会导致同样的网页在不同的浏览器中显示的差异性。

7、DIV＋CSS网页排版具有利于SEO和网页打开速度更快的优点，然而浏览器兼容问题一直困绕着许多从事DIV＋CSS网页排版的美工人员。