Dreamweaver CS3中的CSS规矩

在 Dreamweaver CS3 中，CSS（层叠样式表）规则用于定义网页元素的样式。DreamWeaver CS3网页制造中的CSS布局规矩。

 

　　CSS文件的链接办法

 　　1、附加链接：外部CSS

 

　　2、导入CSS：常用运用多个CSS文件时，将多个CSS导入一个CSS文件中

 

　　CSS规矩界说有三种

 

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

 

　　2、标签针对原有HTML标签做的从头CSS界说

 

　　3、高档伪类、界说了ID的元素，以及归纳性界说

 

　　CSS规矩的运用 

 

　　1、只要“类”款式才需要运用，class=”xxxx”。任何元素都能够运用类。

 

　　2、class与id的区别

 

　　3、标签运用一般关于“body”标签一次性运用，关于诸如“li”、“td”等在页面中重复性比较大的标签不引荐界说。

 

　　4、高档多运用，界说“#id li”比界说“li”要好得多。

 

　　CSS规矩的履行次序

 

　　1、依照CSS代码的履行先后次序

 

　　2、假如有重复的规矩，依照后履行的界说

 

　　3、终规矩是多个界说规矩的归纳

 

　　要点：高档规矩界说

 

　　1、关于不同表格的文字款式界说。(不同表格运用不同ID、运用类款式界说)

 

　　2、一页中的多种超级链接款式界说 

 

　　3、多个相同规矩不同对象的CSS共同界说

 

4、关于同一对象界说的多种CSS办法考虑哪种更科学(扩展性和代码精简性)

 

 

教你快速定位到杂乱的CSS BUG问题

 

信任咱们关于常见 CSS BUG 的处理现已相对比较熟悉，例如：IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但经常咱们也会碰到杂乱的 CSS BUG 问题，所谓“杂乱”实质是指触发的条件很杂乱，而“BUG” 也并非指一定是浏览器的 BUG 。关于此类问题，咱们首先要处理的是如何定位到问题，只要快速的定位到问题，才干更好的处理问题。

 　　关于快速定位，个人的经历处理一般如下(基本能够定位到我在 淘宝 遇到的 90% 以上的杂乱 CSS BUG 问题)：

 

　　1、查看页面的标签是否闭合

 

　　不要小看这条，或许折腾了你两天都没有处理的 CSS BUG 问题，却只是源于这儿。毕竟页面的模板一般都是由开发来嵌套的，而他们很简单犯此类问题。

 

　　方便提示：能够用 Dreamweaver 打开文件查看，一般没有闭合的标签，会黄色布景高亮。

 

　　2、款式排除法

 

　　有些杂乱的页面或许加载了 N 个外链 CSS 文件，那么逐一删除 CSS 文件，找到 BUG 触发的详细 CSS 文件，缩小锁定的规模。

 

　　关于方才锁定的问题 CSS 款式文件，逐行删除详细的款式界说，定位到详细的触发款式界说，甚至是详细的触发款式特点。

 

　　3、模块确认法

 

　　有时分咱们也能够从页面的 HTML 元素出发。删除页面中不同的 HTML 模块，寻找到触发问题的 HTML 模块。

 

　　4、查看是否铲除起浮

 

　　其实有不少的 CSS BUG 问题是因为没有铲除起浮形成的。养成杰出的铲除起浮的习惯是必要的，引荐运用 无额定 HTML 标签的铲除起浮的办法(尽量防止运用overflow:hidden;zoom:1 的相似办法来铲除起浮，会有太多的限制性)。

 

　　5、查看 IE 下是否触发 haslayout

 

　　很多的 IE 下杂乱 CSS BUG 都与 IE 特有的 haslayout 息息相关。熟悉和理解 haslayout 关于处理杂乱的 CSS BUG 会事半功倍。

 

　　方便提示：假如触发了 haslayout，IE 的调试工具 IE Developer Toolbar 中的特点中将会显示 haslayout 值为 -1。

 

　　6、边框布景调试法

 

故名思议便是给元素设置显眼的边框或者布景(一般黑色或红色)，进行调试。此办法是常用的调试 CSS BUG 的办法之一，关于杂乱 BUG 仍旧适用。经济实惠还环保^^

 

后想给咱们着重一点的是，养成杰出的书写习惯，削减额定标签，尽量语义，符合规范，其实能够为咱们削减很多额定的杂乱 CSS BUG，更多的时分其实是咱们自己给自己制造了费事。希望咱们远离 BUG ，日子越来越夸姣。通过合理使用 CSS 规则，可以有效地控制网页的布局和外观，实现丰富多样的设计效果。