• CSS初级入门(1):整体布局声明

    1. 基本上,整体声明有两种方法,第一种就是针对一个标签,然后一次设定好几个样式。第二种就是同时对好几个标签设定相同的样式。下面这个例子就是:“针对一个标签,然后一次设定好几个样式”: stype="text/css" body{ font-size:9pt ; font-color:red ; background:...

    2008-02-23 08:33:58

  • 使用 CSS 创建固定宽度的布局

    我最近的几篇专栏文章讨论了使用 XHTML 和 CSS 实现两列或三列页面布局的各个方面。到目前为止,所有例子都使用流式布局(也就是布局会自动扩展和适应浏览器窗口的宽度)。现在是时候考虑另外一种主要的页面布局方法了,这种布局方法是固定宽度布局。 很多 Web 构建人...

    2008-02-23 08:33:56

  • 使用纯 CSS 设计3D按钮

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

    2008-02-23 08:33:57

  • 完全用CSS实现的中英文双语导航菜单

    这是一个完全用CSS实现的中英文双语导航菜单,无脚本和图片,初始时,菜单语言是英文,当鼠标悬停在菜单上时,其变成中文,当然你也可以反过来做。 实现原理: XHTML ul id="nav" lia class="bi" href="index.html"Homespan首 页/span/a/li /ul 从上面代码可以看出,中...

    2008-02-23 08:33:53

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

    CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是Netscape Navigator在网上冲浪,几乎随时都在与CS...

    2008-02-23 08:33:54

  • 强烈推荐:30余个CSS导航菜单效果

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /titleUntitled...

    2008-02-23 08:33:51

  • 手写样式表:CSS语法全攻略(1)

    放弃可视化编辑器写CSS 如果有看上篇的例子的CSS时,你可能会问,我在DW中要怎样做才能有像下面这样的CSS呢? .test1,.test2 {color:Purple !important;color:blue;} 手写,在DW也有代码区,而且是有智能提示的,等于半手动写,本人一直用TopStyle,除了对中文的支持不...

    2008-02-23 08:33:52

  • 解决列高度自适应(列高度相同)的五种方法

    1.背景图填充 这是使用最广泛的一种做法,无hacks,推荐使用: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content...

    2008-02-23 08:33:51

  • 网页制作时用CSS实现自动换行的小技巧

    大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px; } 或者 #wrap{word-break...

    2008-02-23 08:33:47

  • 学习网页之掌握 label 标签的用法

    使用 LABEL 对象 HTML 4.0 规范引入了 LABEL 对象,您可以使用它来将文本与其他任何 HTML 对象或内部控件相关联。无论用户单击 LABEL 或者 HTML 对象,链接的 LABEL 和 HTML 对象在引发和接收事件时行为一致。要链接 LABEL 和 HTML 对象,请将 LABEL 的 FOR 属性设置为...

    2008-02-23 08:33:45

2