注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Dreamweaver >> 技术教程 >> 网页设计正文

Dreamweaver编写CSS应该学会的技巧

文章来源:sina.com 作者:佚名 更新时间:2008-8-23 15:35:33 【 】 【加入收藏
  进入网络咨询平台

    在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 样式的&#106avascript来改变一个对象的属性。

    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)”对话框中选择一个现存的样式表来编辑或添加新的定义。

  • 上一篇网页设计:

  • 下一篇网页设计: 没有了
  • 最 新 热 门
     Flash技巧:用内置组件控制Flv视频!
     FLASH动画制作常用命令大集合
     在Excel中插入Flash动画技巧一则!
     flash动画也能设为桌面
     Flash中如何简单使用钢笔铅笔教程
     Flash制作“小丑吹泡泡”趣味动画
     Flash实战:制作国宝熊猫举重动画
     Flash制作可爱“小青蛙时钟”动画
     Flash实例教程:制作无脚本软翻书动画
     粒子动画效果轻松做
    最 新 推 荐
     Dreamweaver编写CSS应该学会的技巧
     教你Dreamweaver中框架的使用技巧
     十二个Dreamweaver鲜为人知的小秘诀
     Dreamweaver超级技巧之文字特效
     网页设计中为网页指定样式的方法
     网页设计中未知高度的非表格垂直对齐
     Dreamweaver CS3中Spry详细区域功能
     页面中CSS 加载方式的优化
     网页设计中实现表格强制换行和强制不换行
     Wells Fargo提供在线存储服务
    相 关 文 章

    Dreamweaver8中插入Flash动画实例
    Fireworks制作水平或垂直的彩条背景
    Fireworks制作渐隐线效果的两种方法
    Firewords制作可爱的鸡毛
    CSS打造兼容IE与Firefox的透明DIV提示框
    Fireworks中制作渐隐线技巧一则
    Fireworks软件新颖实用操作技巧集合
    Firework轻松绘制特殊切角图形
    Firework小技巧轻松绘制特殊切角图形
    Fireworks绘画小技巧

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用