了解Dreamweaver CS3的CSS布局规则

2016-02-19 22:09 5 1 收藏

有了下面这个了解Dreamweaver CS3的CSS布局规则教程,不懂了解Dreamweaver CS3的CSS布局规则的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

  Dreamweaver CS3相对于之前的版本,对于CSS的编写更加规范化了,下面我们来了解一下它的CSS布局规则。

  CSS文件的链接方式

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中

  CSS规则定义有三种:

  1)类比如“.RedText”、“.BlueText”和“.BigText”等等

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  2)标签针对原有HTML标签做的重新CSS定义

  3)高级伪类、定义了ID的元素,以及综合性定义

  CSS规则的应用

  ·只有“类”样式才需要应用,class=”xxxx”。任何元素都可以应用类。

  ·class与id的区别

  ·标签应用一般对于“body”标签一次性使用,对于诸如“li”、“td”等在页面中重复性比较大的标签不推荐定义。

  ·高级多运用,定义“#id li”比定义“li”要好得多。

  CSS规则的执行顺序

  ·按照CSS代码的执行先后顺序

  ·如果有重复的规则,按照后执行的定义

  ·最终规则是多个定义规则的综合

  重点:高级规则定义

  1.对于不同表格的文字样式定义。(不同表格使用不同ID、使用类样式定义)

  2.一页中的多种超级链接样式定义

  3.多个相同规则不同对象的CSS共同定义


  4.对于同一对象定义的多种CSS方式考虑哪种更科学(扩展性和代码精简性)

来源:http://www.tulaoshi.com/n/20160219/1627820.html

延伸阅读
标签: Web开发
最新的Dreamweaver cs3在使用时,经常会遇到CPU 100%的情况 不过现在有了一款补丁,可以暂时解决该问题。 经测试效果可行:)
标签: Web开发
HEAD元素中包含了许多重要的信息,例如文档类型、语言编码、JavaScript和VBscript的函数和变量、搜索引擎的要害字和内容提示等。您可以使用VIEW-HEAD CONTENT或HTML检查器(F10)查看其内容。 要将元素插入文档的HEAD部分请选OBJECT面板的HEAD,下面介绍一下HEAD元素的部分属性: Meta:它可以记录当前页面的信息,例如字符编码、作者、版权和...
标签: Web开发
我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。 下面是Dreamweaver CS3中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清楚。...
标签: Web开发
       Dreamweaver 4.0 以上的版本都提供了插入Flash按钮功能。如下面演示中的flash按钮,就是由Dreamweaver制作并插入的。        这里先介绍一下普通的flash按钮的制作方法,以Dreamweaver MX为例:新建一个HTML文件,并先保存它。然后在Insert(插入)菜单的Media(多...
标签: Web开发
关于本次Dreamweaver CS3新功能描述中,在如今Web2.0盛行、AJAX流行的时代背景下,Adobe公司的轻量级的AJAX框架Spry,尤其是当Spry集成到Dreamweaver cs3时,这无疑是最令人兴奋的。 排除与用户交互有关的Spry XML数据交互和Spry相关窗口组件不谈,最先让用户上手的就是Spry所带来的Ajax视觉效果了。在Dreamweaver cs3单击相关按钮就可以轻松...

经验教程

214

收藏

85
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部