Dreamweaver CS3网页制作之CSS布局规则

  CSS文件的链接方式

  ·附加链接:外部CSS文件

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

  CSS规则定义有三种:

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

  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方式考虑哪种更科学(扩展性和代码精简性)

时间: 2024-08-04 04:49:46

Dreamweaver CS3网页制作之CSS布局规则的相关文章

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

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

CSS网页制作教程:CSS文字单位PX、EM、PT

文章简介:但是12px汉字例外,就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小,而是稍大一点.这个问题 Jorux已经解决,只需在body选择器中把62.5%换成63%就能正常显示了.原因可能是IE处理汉字时,对于浮点的取值精确度有限.不知道有没有 其 这里引用的是Jorux的"95%的中国网站需要重写CSS"的文章, 题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷.我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很

巧妙运用Dreamweaver进行网页制作技巧

dreamweaver|技巧|网页 巧妙运用DW进行网页制作技巧--熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同. 1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用

网页制作之CSS超级技巧大放送合集

css|技巧|网页 一.使用CSS缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则请参看<常用css缩写语法总结>,这里就不展开描述. 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误.在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em.只有两个例外情况可以不定义单位:行高和0值.除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格. 三.区分大

Dreamweaver解决网页制作中的空格问题

    1. 制作一张很小的透明图片.嵌入到文本当中或者行首.这种方法实现起来比较麻烦.     2. 使用全角空格.为什么这种方案可行呢?因为全角空格实现起来比较简单.虽然也是空格但是对应的HTML代码却不是空格代码.而是另外的代码,因此Dreamweaver把他当字符处理而不是空格.所以可以相安无事.但是在不支持中文字符集的浏览器看来就是乱码了.具体操作方法就是选择智能ABC输入法,然后切换成全角状态,再键入空格就OK啦!     3. 使用软空格.即在要插入空格的地方按Ctrl+shift

网页制作 谈谈CSS样式表的命名规范

css|规范|网页|样式表 最近和一程序员合作项目.弄的我头都大了~埋怨我的CSS命名看不懂~得按照他的来.结果我打开他的页面,看了看,从头第一个开始就是contentCommon,下面全部是content****. 我说明了我的理由,过了半会,似乎是接受了,却突然来一句:"不要用H标签嘛!还有不要用UL来定义导航等".对于很多合作过的程序员,大多都是这样,命名规范大多是自成一派.对于制作标准更是视而不见.抱着只照顾IE正常浏览的态度叫嚣着"让FIREFOX和SAFARI见鬼

初学网页制作:CSS特点及加入网页的四种方法

css|初学|网页 今天给初学者介绍一下CSS特点及如何在网页中使用已经设置的CSS.希望大家支持网页教学网,网站有什么问题及时与我联系! CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一.使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量.尤其是当你面对的是有数百个网页的站点时,CSS简直象是神对我们的恩赐! 前言 CSS(Cascad

学习网页制作技术CSS滤镜样式的语法规则

css|滤镜|网页|语法 style="filter:滤镜名(属性1=值1,属性2=值2......)" 其中,"滤镜名"就是你在DW样式设置模块的滤镜下拉列表中看到的名称,属性值只需填入数字即可. 下面是DW所提供的主要几个滤镜的功能说明: (以下二组表格采用了"盒子"."边框"."区块"."类型"等CSS样式) Alpha:设置透明层次blur:创建高速度移动效果,即模糊效果Chro

DreamWeaver设计网页之应用CSS样式表技巧两则

css|dreamweaver|技巧|设计|网页|样式表 一. 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色: 在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观.要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去除链接的下划线.首先在DreamWeaver的Document Windows中随便建立一个链接,你可以看到这个链接会有下划线.怎样去除这条下划线呢? 1.在点击菜单栏上的"