DreamweaverCS3中的CSS布局规则

  虽然Mb5u.com一直建议大家不用Dreamweaver可视化编辑的方式进行CSS网页布局,但依然很多朋友在使用。建立您可以使用DW的代码编辑器进行CSS代码的编写。今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 。

  CSS文件的链接方式

  ·附加链接:外部CSS文件

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

  CSS规则定义有三种

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

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

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

  CSS规则的应用

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

  ·class与id的区别

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

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

  CSS规则的执行顺序

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

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

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

  重点:高级规则定义

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

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

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

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

时间: 2024-11-03 02:26:29

DreamweaverCS3中的CSS布局规则的相关文章

Dreamweaver CS3网页制作中的CSS布局规则

虽然webjx.com一直建议大家不用Dreamweaver可视化编辑的方式进行CSS网页布局,但依然很多朋友在使用.建立您可以使用DW的代码编辑器进行CSS代码的编写.今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 . CSS文件的链接方式  ·附加链接:外部CSS文件 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中  CSS规则定义有三种  ·类比如".RedText".".BlueText"和".Bi

Dreamweaver CS3中的CSS布局规则

标签应用一般对于"body"标签一次性使用,对于诸如"li"."td"等在页面中重复性比较大的标签不推荐定义. 建立您可以使用DW的代码编辑器进行CSS代码的编写.今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 . CSS文件的链接方式  ·附加链接:外部CSS文件 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中  CSS规则定义有三种  ·类比如".RedText".&quo

WEB标准中使用CSS的基础教程

css|web|web标准|基础教程 CSS过去经常被用来定义字体的属性,而现在可以用它来控制整个文档的布局.然而,为了有效的用CSS来控制布局,需要做一些不同的处理,这种不同是跟用表格布局相对比的. 为了CSS可以高效的控制布局,结构化.语义化的XHTML是必不可少的. 浏览器的支持 在过去几年,浏览器对CSS的支持程度已经改进了很多.不幸的是,浏览器的开发商好象对实施开放的标准并不感兴趣,所以不同浏览器对CSS的支持程度也大相径庭.就算是支持程度最好的浏览器,在软件中仍然有一些bug,使得浏

在Mozilla UI中优化CSS文件的规则

原文地址:Writing Efficient CSS for use in the Mozilla UI 以下文档描述了应用在 Mozilla UI 中优化 CSS 文件的规则.第一部分是对于 Mozilla 样式系统分类规则的一般性讨论.在了解这个系统的基础上,后续部分包含了一些指南,书写可以利用这个样式系统实践优点的样式的指南. 样式系统如何分类规则 样式系统把规则分为四大类.理解这些类是很重要的,因为对于规则的匹配来说他们是首先要考虑的.之后的段落中会使用"主选择符"这个说法.主

Internet Explorer 6 中的css增强之我见

css 天阅读了 msdn 上的 Internet Explorer 6 中的 CSS 增强功能 一文,感觉微软的确是为web 标准做了比较大的努力.按<网站重构>(Designing with web standards) 的说法,Internet Explorer 6 终于算是一个比较现代的浏览器了. 相对于它之前的版本,毋庸置疑,它的确是改进了不少,而且对 W3C标准支持得更好.比如,IE 6能够通过 标签进行"开关转换"(关于DOCTYPE开关,请参阅上文提到的文章

在网页制作学习中使用CSS的一些14个小技巧

css|技巧|网页 CSS是Cascading style Sheets的简称,中文译作"层叠样式表单",我把它叫作"层叠样式表",我感到这样顺口一点,没别的意思.实际上它是一组样式.你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找.不管你用什么工具软件制作网页,都有在有意无意地使用CSS.用好CSS能使你的网页更加简

入门:在网页中使用CSS样式表的四种方法

css|网页|样式表 如何在网页中插入CSS 前面我们了解了CSS的语法,但要想在浏览器中显示出效果,就要让浏览器识别并调用.当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表.内部样式表.导入外表样式表和内嵌样式. 1. 链入外部样式表 链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用< link >标记链接到这个样式表文件,这个标记必须放到页面的< head >区内,如下: <head> -- <link

在网页XHTML文件中引入CSS样式五种方式

css|xhtml|网页 XHTML文件是通过CSS样式进行显示的控制的,也就是结合XHTML与CSS来表现页面内容.那么到底有哪些方式在XHTML文件中引入CSS样式呢? 一.使用STYLE属性 将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如: <td style="color:#c00; font-size:15px; line-height:18px;> 网页教学

初学必知:XHTML网页中加入CSS的五种方式

css|xhtml|初学|网页 在XHTML网页中如何加入CSS呢?这篇教程告诉大家引入CSS的几种方式. XHTML文件是通过CSS样式进行显示的控制的,也就是结合XHTML与CSS来表现页面内容.那么到底有哪些方式在XHTML文件中引入CSS样式呢? 一.使用STYLE属性 将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如: <td style="color:#c00; f