Dreamweaver编写CSS应该学会的技巧
来源:才华咖 本文已影响1.79W人
来源:才华咖 本文已影响1.79W人
本文主要介绍了Dreamweaver编写CSS应该学会的技巧,下面为大家简单介绍一下!
CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求,Macromedia DW 8引进了一些新的及改善过的CSS相关的特性。有了这些新的特性,你可以为未来的更新作好计划,开发与W3C标准更加兼容的站点。本文讨论在DW 8中使用CSS以及突出某一特定CSS特性时的一些建议。
一般地讲,样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS:
代码式(Inline):写入到代码中的一次性的样式。
内嵌式(Embedded):可控制一个页面中所有元素的样式表
外联式(External):可控制许多页面中的元素的样式表
事实上,许多站点都根据需要把这三种方式结合起来使用。
在使用CSS时一个需要重点考虑的事实是不同的浏览器以及同一浏览器的不同版本以不同的方式来解析CSS。除了网络浏览器的差异之外,你还要意识到还有很多其他的浏览器,比如听力浏览器,基于电视的浏览器以及Palm pilot和TTY(teletypewriter,远程打字机)一类的手持设备。
最佳习惯是指什么?
大多数技术都有自己约定俗成的`标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范,但按照现有标准来使用CSS却还是不无裨益的。一般来说,开发人员应尽可能将内容与报告分离开来。这样做的好处在于:
1:增加站点的寿命
不规范的样式表可能在当时觉得很方便,但新版本的浏览器出来以后,很可能就会出现兼容性问题。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS失去了意义。
2:让你的站点对所有的用户以及浏览器都适用。
有些地方的政府已经立法要求网站必须让残障人士也同样可以浏览。为残障认识设计的浏览设备,比如听力浏览器,对CSS规范性要求极其严格。
3:让站点更新和维护更加轻松。
使用方式得当的话,CSS可让你在一个页面中的调整快速应用到所有页面中去。
你首先要做的选择是使用哪一种样式表。当涉及到最佳习惯时,对不同样式表的分析如下:
Inline CSS:简单地说,你应该尽量避免使用。除了一些其他的缺点之外,使用Inline CSS意味着你并没有利用到CSS的真正优点,即你并没有将内容与格式分离开。DW MX使用Inline CSS主要是为了定位页面元素(这些元素在DW MX的用户界面中称为“层(layer)”),或者为了使用某个DHTML特效,它需要使用Inline 样式的javascript来改变一个对象的属性。
Embedded CSS:它也不是最理想的,因为它只能对当前页面施加影响。在更新的过程中,如果某一个页面丢失,将会使站点的风格不一致;另外,当用户浏览你的站点时,每一页都要下载一次样式表信息。
External CSS:这是你的第一选择。External CSS可以让所有连接到它的页面保持一致的外观风格;提纲挈领,更改一次,轻松更新所有相关页面;让你的页面体积更小,浏览速度更快。其他的一些最佳习惯将在下文分析具体的CSS特性时提及。
在DW 中创建CSS样式表
在DW MX中创建CSS样式表时(Text 》CSS Style 》New style sheet),在弹出的对话框中,你有两个选择:新样式表文档(New Style Sheet File) 和只用于当前页(This Document Only)。选中“New Style Sheet File ”你就开始了创建External CSS的过程。这个选项要求你在真正的创建过程之前先命名样式表并为它选定一个保存位置;另外一个选项,This Document Only,则会直接把相关代码写入到页面的部分。
你也可以在“新样式(New style)”对话框中选择一个现存的样式表来编辑或添加新的定义。
Dreamweaver下用CSS制作网页的技巧
解决Dreamweaver中关于应用CSS的小问题
DreamWeaver中应用CSS样式表
dreamweaver cs5不写代码怎么添加meta标签
Dreamweaver应用CSS样式的方法
关于Adobe Dreamweaver CS5的考试大纲
在DreamWeaver中应用CSS样式表技巧
Dreamweaver应用CSS样式设计
Dreamweaver中JavaScript行为操作
Dreamweaver中JavaScript行为操作使用方法
Dreamweaver中JavaScript行为操作使用的总结
Dreamweaver编写CSS的教程
Dreamweaver应用CSS样式
解决Dreamweaver关于应用CSS的小问题
DreamWeaver中CSS样式表应用技巧
学习Dreamweaver的CSS网页布局ul和li
MS SQL Server Management Studio Express安装图文具体步骤
在Dreamweaver中利用CSS样式表设置网页
Dreamweaver CS3最新功能描述
dreamweaver知识:CSS样式表设置网页
高中英语作文 A Wilderness Survival Program
简历写作应该尊循的24条技巧
最新Dreamweaver CS5弹出信息行为介绍
Perseverance will make you successful英语作文
dreamweaver中cs6项目列表符号样式设置
Dreamweaver和excel的一些使用技巧
应用文写作技巧
A Wilderness Survival Program高中英语作文
Dreamweaver8.0速记CSS属性
高中生优秀英语作文:Have a break away from electronics
应用文写作技巧
Dreamweaver中CS6如何备份
Adobe认证Macromedia Dreamweaver8考试大纲
职称计算机Dreamwaver教程:CSS样式表滤镜
Dreamweaver网页制作之CSS布局规则
Dreamweaver中CS6表格间距怎么设置
Dreamweaver8掌握CSS层叠样式表
Dreamweaver中CS5弹出信息行为
css 书写技巧 CSS 技巧教程简介
Dreamweaver中CS6代码自动缩进的方法