最近两个月断断续续做了好几个网站的美工，做的过程中对DIV CSS的标准开发有了进一步的了解。有两点收获最大，一是彻底弄懂了CSS的盒子模式(Box Model)，再一个就是搞定了困扰我很久的“闭合浮动元素”的问题： 一般说来如果某个子元素使用了浮动(float)，那父元素总是...

2008-02-23 08:44:05

按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？ 有一种做法就是在父...

2008-02-23 08:44:03

条件注释就是判断浏览器类型，然后定义什么浏览器下显示什么内容。 这个dropmenu（下拉菜单）模型来自cssplay，使经过作者多次的研究和反复的测试才做出来的。我想那这个模型来实践一下条件注释的原理。 先看一个最简单的模型 下面是xhtm div class="menu" ul lia clas...

2008-02-23 08:44:02

Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。 如果你认真的去读一下浮动概念，你会...

2008-02-23 08:44:02

以前我们都是用表格布局网页，很是烦琐，现在我们利用CSS DIV进行布局网页了！ 用CSS 来布局很容易。如果你已经习惯用表格布局的话，起先会感觉比较困难。其实不难，只不过动机不同，并且在实践中更有意义。 你可以把这一页面的各个部分当作独立的版块来看待，无论你选...

2008-02-23 08:44:00

网页中因为有颜色而精彩，那么我们如何利用CSS来处理颜色呢？ CSS拥有1677216色供你处置，可以用名字，rgb（红绿蓝）值或者十六进制代码（hex）值来表示。 红色red 相同于 rgb(255,0,0) 相同于 rgb(100%,0%,0%) 相同于 #ff0000 相同于 #f00 有16中合法的预定义颜色名字...

2008-02-23 08:44:00

用网页技术CSS实现网页背景渐变的四种代码设置。 一、从上往下渐变 body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); } 二、从左上至右下渐变 body{ FILTER: Alpha( style=1,opacity=25,finishO...

2008-02-23 08:43:59

鼠标激活显示背景色，我们该如何编写这样的代码呢？我们来整理一下思路：把a里的部分设置成一个块元素，然后定义鼠标放上后的样式。CSS1中:hover只对a元素起作用，CSS2中:hover应用于所有元素．而IE7也没同样没有支持CSS2中的这个标准。所以为了适应所有浏览器还是要定...

2008-02-23 08:43:57

我们在网页设计中，会遇到许多意想不到的情况，不规则文字的排版就是其中之一了，我们该如何面对这样的排版要求呢？CSS代码又该如何编写呢？ 遇 到这样的情况，通常情况下我们有两种选择： 1、用图片来制作，并应用热区制作链接，这样的方式可以很方便的解决问题，但对...

2008-02-23 08:43:55

Update:本篇已得到原作者Steve Dennis的翻译准予，在此Jorux表示感谢！ 本教程主要参考Creating a CSS Layout from scratch，由Jorux翻译，以意译为主，其间加入了不少Jorux的个人观点，省略了一些多余的说明，请读者明鉴。 目录： 第一步：规划网站，本教程将以图示为...

2008-02-23 08:43:53