• 发布时间 文章标题
  • 2007-07-28 深入理解display:inline-block属性

    在使用CSS实现表现的时候,会经常接触到display:inline-block这一属性,无论是初接触Web标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。 display:inline-block Example Source Code 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联...

  • 2007-07-28 整理资料:与表格边框有关的CSS语法

    表格是数据的载体,不再是布局的方式,虽然我们不需要表格来进行网页布局了,但很多表格式的数据,还是需要表格这一形式发挥它的作用! 我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框...

  • 2007-07-28 关于CSS样式冲突排序的一个小试验

    按照我们对CSS优先权的理解,最后定义的 CSS 样式将会覆盖在其之前定义的所有已经存在、或与之冲突的样式,比如下面这个例子: Example Source Code: p { color: red; background: yellow } p { color: green } 以上的段落最终将呈现绿色的字体,并带有黄色的背景,这是...

  • 2007-07-26 用Dreamweaver合理为为网页进行优化

    我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。 下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面...

  • 2007-07-16 充分利用DW8中的查找替换技巧

    在网页制作过程中,也许我们会遇到这样的情况,当我们的大量网页已经完成,却发现它们都有一个共同错误需要修改。这时候不可能完全依靠手工去更改了,怎么办呢?利用Dreamweaver8中的查找替换就能帮助你快速而准确地完成修改。 大家都使用过Word等软件的查找替换功能,...

  • 2007-07-16 DreamWeaver中应用CSS样式表

    一、 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色: 在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去除链接的...

  • 2007-07-16 十二个Dreamweaver使用小秘诀

    一、背景分析 对想要在视觉化环境下制作复杂网页的专业网页制作者来说,Dreamweaver已经渐渐在网页编辑工具中展露头角,成为专业人士编写网页的最佳选择。根据Macromedia公司的调查,Dreamweaver目前已累积有超过七十万名的使用者,占有率在网页编辑工具中居冠,像“Ad...

  • 2007-07-09 CSS+DIV设计超酷的竖排导航栏

    HTML: 以下是引用片段: divid="navcontainer" ulid="navlist" liid="active"ahref="#"id="current"Itemone/a ulid="subnavlist" liid="subactive"ahref="#"id="subcurrent"Subitemone/a/li liahref="#"Subitemtwo/a/li liahref="#"Subitemthree/a/li liahref="#"Subi...

  • 2007-07-09 CSS做一个超链接的陷下效果

    style A:link,A:visited ,A:active {TEXT-DECORATION: none} A:hover {text-decoration : none; position : relative; top : 1px; left : 1px} /style A HREF="http://homepage.yesky.com/"把鼠标放上来看看效果---/A A HREF="http://homepage.yesky.com/"这里是天极网...

  • 2007-07-09 CSS:background-position的妙用

    css2.0 中的 background-position 大家用到过吗?怎么用的?用在哪里?js控制图片切换有两个缺陷:1.有时后切换缓慢,需要预载解决;2.要制作2-3套图片 看看怎么用 background-position 解决这个问题,实现快速"切换",这里只用到一张图片 至于代码中的font:10px/1也是...

  • 2007-07-09 使用纯 CSS 设计3D按钮

    CSS 按钮的效率远比基本图像的按钮的效率高得多,因为它们全部都是基于文本的。所有要用 XHTML 标记只是一个无序列表——CSS 样式负责其余部分。而且,你不需要任何 JavaScript 来交换图像以实现翻卷效果,因为 CSS 伪类(pseudoclass)能够让你为链接的每个状态(链接l...

  • 2007-07-09 利用CSS的Clip属性来创造多彩文字

    原理 将二个相同而色彩不同的文字重合在一起,通过分别给其加 clip 属性,使上面和下面的文字被剪切位置不同,从而产生二种不同的色彩。 clip : 摘自苏沈小雨CSS手册 clip : auto | rect ( number number number number ) 参数: auto : 对象无剪切rect ( number numbe...

  • 2007-07-09 避免页面被图片和长字符串破坏

    用TABLE和DIV做页面布局设计的时候,遇到大尺寸的图片和长英文字符串,布局中定义的尺寸都会被破坏,导致页面布局变形. 有没有办法可以解决呢? 用CSS的属性OVERFLOW:hidden可以来控制,这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示...

  • 2007-07-06 DIV CSS网页布局SPAN和DIV的区别

    SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 下面以一个实例来说明这两...

  • 2007-07-06 小技巧: 利用CSS同比例缩小图片

    当然,生成缩略图这个工作如果交给程序来完成,效果会好很多,但是有时出于某种因素,例如服务器不支持GD之类的,难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width和max-height两条CSS属性即可。 对于IE 6.0及以下版本,以上...