位置: 编程技术 - 正文

在DW中CSS编码需要注意和掌握的一些技巧(dw中css规则定义中文)

编辑:rootadmin
由于“可视化”和操作简便,在DW中编写CSS的朋友很多,今天我们介绍一些在DW中编写CSS的“最佳习惯”,希望对大家有所帮助。    CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求,Macromedia DW MX引进了一些新的及改善过的CSS相关的特性。有了这些新的特性,你可以为未来的更新作好计划,开发与W3C标准更加兼容的站点。本文讨论在DW MX中使用CSS以及突出某一特定CSS特性时的一些建议。   一般地讲,样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS:   在使用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 MX中创建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)”对话框中选择一个现存的样式表来编辑或添加新的定义。   应该连接到External CSS还是导入?   创建外部样式表以后,你需要把它附加在每个页面上(或是模板)。要这样做,可以在CSS面板上淡季“附加样式表 (Attach Style Sheet)”按纽,此时会弹出连接外部样式表 (Link External Style Sheet)对话框,在上面可以浏览到你的目标样式表的名字,找到以后,你可以选择连接(link) 或者导入(import )此外部样式表。   连接是最常用的方式,选择“link”即可把样式表连接到页面。它会在你的页面中加入下面的标记:   所有支持CSS的浏览器都支持连接选项。如果你想一些比较旧的浏览器(比如Netscape 4.x)也能“看到”这个样式表的话,就要采用下面的方法。   如果你选择“导入”选项,所用的标记为:   NetSscape4会完全忽略导入的CSS,而按照连接的CSS来解释页面。这样我们就可以放心使用CSS中的新功能,不必担心浏览器的兼容性问题了。   CSS属性检查器   在DW MX的属性检查器中可以轻易切换到CSS模式。缺省情况下,属性检查器会显示原始的HTML模式下字体标签。点击字体下拉菜单旁边的小“A”,你就可以看到目前可用的CSS样式表,而不是字体标签列表。   同时,你也可以轻松切回到HTML模式。   现成的CSS样式表   DW MX中一个令人激动的CSS特性就是它包含了已制作好的CSS样式表。CSS的新用户可以先体验一下。选择File > New,在弹出的新文档对话框中选择选中CSS style sheets,在右边的方框中会出现所有可用的CSS列表。为了实践我们所说的最佳习惯,选择一个标记为 “Accessible”的。   将文档保存在站点文件夹内,然后就可以用上述的方法来把CSS附加在你的文档中了。   设计时间样式表(Design Time style sheets)   DW MX的这一特性可以让你在设计视图下工作时将样式表应用到页面,让你对站点的外观有一个更直观的认识。设计时间样式表将不会出现在站点内。从我们的最佳习惯的观点来讲,这一特性是非常有用的。如果你使用同时导入和连接两种方式(如上所述),附加设计时间样式表可以让你使用其中的任何一个来开发站点。当你想看在另一个样式表下页面外观如何时,你可以轻松更改为另一个样式表。   对于要将CSS应用于服务器端(比如 ASP, PHP, or ColdFusion)或是要在客户端通过javascript来存取的开发者来说,设计时间样式表同样有用。服务器端样式表也是处理客户端浏览器对CSS支持不好的又一种方式。但在以前版本的DW中,这种方式却不能让你在设计阶段查看CSS的实际效果。设计时间样式表让你实时查看样式表效果,所以你可在DW MX中以可视界面工作。另外一个好处就是当你上传站点文件时,你不必再检查整个站点寻找冗余的样式表了。   验证   无论你是自己创建样式表还是编辑现有的样式表,验证可以确保你不会误用不标准的标签或错误的代码。DW MX本身不包含CSS验证程序,你可以使用 W3C站点提供的验证服务。在DW MX内你可以验证HTML 或DHTML标签 ( File > Check Page > Validate Markup (for HTML) 或 File > Check Page > Validate as XML for XHTML.)。在开发基于CSS的站点时,DW MX提供了很多辅助工具。有了MW MX的帮助,再加上对CSS良好的理解,你就可以开发出能经受时间考验的站点了。

推荐整理分享在DW中CSS编码需要注意和掌握的一些技巧(dw中css规则定义中文),希望有所帮助,仅作参考,欢迎阅读内容。

在DW中CSS编码需要注意和掌握的一些技巧(dw中css规则定义中文)

文章相关热门搜索词:dw软件css规则,dw写css样式,dw css代码,dw写css样式,dw css代码,dw中新css规则编辑后没反应,dw中css规则定义中文,dw中新css规则编辑后没反应,内容如对您有帮助,希望把文章链接给更多的朋友!

DIV CSS网页布局 最小高度(min-height)的妙用 假定有二个BOX,我们需要它的最小高度为PX。CSSdiv.box1,div.box2{width:px;min-height:px;background:#EEE;float:left;margin-right:px;}xhtmldivIE中没保持最小高度为px

css position: absolute、relative详解 CSS2.0HandBook上的解释:设置此属性值为absolute会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同z-index属性的对象已经

实用CSS 文字收集 text-transform:uppercase//把文字变成全大写text-transform:lowercase//把文字变成全小写text-transform:capitalize//把文字变成首字母大写text-indent:-em//图片添加文字说

标签: dw中css规则定义中文

本文链接地址:https://www.jiuchutong.com/biancheng/375212.html 转载请保留说明!

上一篇:纯CSS实现上下左右都居中的代码(css上下间距怎么设置)

下一篇:DIV CSS网页布局 最小高度(min-height)的妙用(网页设计div css布局)

  • 增值税普通发票几个点
  • 自创商誉可以税前扣除吗
  • 税务师考试税法一章节
  • 出口退税进项税额转出怎么申报
  • 存货盘亏计入哪个会计科目
  • 个体户每月开票超3万
  • 税票百分之十三怎么算
  • 土地使用权契税入账会计分录
  • 赠送的产品价格为0怎么入库
  • 一般纳税人取得普票怎么做账
  • 出售的固定资产当月计提折旧吗
  • 小规模纳税人购车是怎么抵税的
  • 销售给客户红包,说给的现金,如何把控
  • 土地前期开发费用计征契税
  • 企业销售货物后,若发生销货退回或销售折让
  • 税务三方协议一式几份
  • 认缴制的期限是多久
  • 公司支付广告费怎么入账
  • 营改增后部分经济行为定性上的变化和影响有什么?
  • 规范合同签订的重要性
  • 经营租赁固定资产折旧计入什么科目
  • 企业的低值易耗品主要包括什么等
  • 补发工资如何缴纳工人所得税的法条
  • 支付测量费的补贴费用怎么记账
  • 收到房租的增值税税率
  • 评估的房产如何入账
  • 财政指标文和拨款流程
  • 华为手机蓝牙传送照片到苹果手机
  • w11系统激活码
  • 对于接受捐赠的资产价值,应计入当期损益
  • 公司和个人分别交什么税
  • leeurbanriders是什么牌子
  • nerosmartstart.exe - nerosmartstart是什么进程 作用是什么
  • 单位专项资金使用管理规
  • vue 获取当前url
  • 企业发生的现金折扣应计入什么费用
  • vue封装组建
  • 公章的法律效力范围
  • redis两种持久化方式的优缺点
  • 土地出让金返还比例是多少
  • python怎么安装lxml库
  • 土地测绘费计入管理费用明细科目吗
  • 工作服钱可否收取
  • 金融机构贷款准备金
  • 实际缴纳增值税和应缴纳增值税
  • 冲以前年度成本分录
  • 不开增值税发票的销售收入报税操作流程是?
  • 结转以后年度扣除的费用有哪些
  • 企业所得税汇算清缴操作流程
  • 专项应付款转资本公积需要缴纳所得税
  • 免征增值税政策的政策有哪些?
  • 受托代销商品款是什么类账户
  • 开多少平方超市赚钱
  • 跨年度收取的租金是什么
  • 员工请假扣款怎么做分录
  • 小规模纳税人减按1%怎么计算
  • 管理费用如何冲减
  • 销售加工费怎么记账
  • 京东提现一般多久到账
  • 固定资产卡片项目的数据类型包括
  • 商品销售方式
  • 红字专用发票怎么做账
  • 购买固定资产是应付账款还是其他应付款
  • sql server 快照
  • mysql5.7卸载重装
  • debian系统
  • Ubuntu系统怎么设置双屏
  • on_wm_lbuttondown
  • win1020h2版好不好
  • ghost7sp1安装教程
  • libmysqlclient.so.10无法找到
  • vue怎么做兼容
  • 三消游戏在线
  • 举例详解民法典第502条
  • iterator python
  • 工程项目管理费计入什么科目
  • 浙江通用电子发票注册申请怎么填
  • 交社保去地税局交吗
  • 四川省地方税务局
  • 高新区地税办税服务厅
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设