BlogJava-紫蝶∏飛揚↗-文章分类-CSS

IE6 Select元素无法被div等元素覆盖的bug解决办法

紫蝶∏飛揚↗ — Mon, 17 Jan 2011 08:34:00 GMT

一种:(常用)
.T_iframe
{
    position: absolute;/*绝对定位保证iframe不会占用流布局空间*/
    width: 100%;    /*100%保证可以覆盖整个div*/
    height: 100%;
    z-index:-1; /*-1保证iframe显示在div下方*/
}
.T_div
{
    position: absolute;
    left:100px;
    top:50px;
    width: 300px;
    height: 200px;
    background : blue;
    z-index:100;
}

这里可以包含其他dom元素

二种:隐藏select元素(EOS做法)
三种:用iframe括起select元素(麻烦,没测试)

紫蝶∏飛揚↗ 2011-01-17 16:34 发表评论

IE6下相对定位元素(DIV)内绝对定位元素(DIV)的偏移定位Bug问题---外围DIV指定相对定位,内含DIV采用绝对定位,可让DIV内多个DIV块级元素任意布局

紫蝶∏飛揚↗ — Thu, 13 Jan 2011 09:52:00 GMT

IE6下相对定位元素(DIV)内绝对定位元素(DIV)的偏移定位Bug问题，即绝对定位元素的相对偏移元素是谁。一般情况下，是相对于父元素以上直到DOCUMENT（默认已定位）的已定位元素（即position的设置)。但在IE6，IE5中出现的BUG却是定位在已定位元素的外围或以DOCUMENT相对而言。

在《精通CSS》30页上面有这样一段话：
引用:
相对于相对定位的祖先元素对框进行绝对定位，这在大多数现代浏览器中实现得很好。但是，在windows上的IE5.5和IE6中有一个BUG，如果试图相对于相对定位的框的右边或底部设置绝对定位的框的位置，那么需要确保相对定位的框已经设置了尺寸。如果没有，那么IE会相对于画布定位这个框。简单的解决方案时为相对定位的框设置宽度和高度。

但是，如果未添加宽度，那么浏览器可能给予父元素默认的100%宽度。而若未添加高度，在Firefox 3及IE 6下都无法看到绝对定位的子元素的。也就是说，IE 6下绝对定位子元素并没有相对于画布定位。

测试通过没有问题：

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

tel:000-000-999

紫蝶∏飛揚↗ 2011-01-13 17:52 发表评论

IE6 IE7 绝对定位元素消失的BUG

紫蝶∏飛揚↗ — Wed, 11 Nov 2009 05:45:00 GMT

IE6 IE7 中,绝对定位元素相邻浮动元素,则消失.可在绝对元素前或后添加空元素隔开即可.
(浮动元素的宽度不填满父元素,绝对元素也能正常显示.)

紫蝶∏飛揚↗ 2009-11-11 13:45 发表评论

关于CSS clip属性不能剪切图片

紫蝶∏飛揚↗ — Fri, 06 Nov 2009 04:22:00 GMT

很简单:clip:rect( 顶端到需剪切的顶边之间的像素,右,下,左) +position:absolute;
rect中非坐标,是之间的像素距离;position:必须为绝对定位.

紫蝶∏飛揚↗ 2009-11-06 12:22 发表评论

[转]CSS 图片翻转效果

紫蝶∏飛揚↗ — Thu, 05 Nov 2009 05:59:00 GMT

图片水平翻转
代码：
1、内部插入式
在〈head〉与〈/head〉之间插入：
style type = text/css〉
.TurnH{filter:FlipH}
/style〉
然后在图片属性代码中加class="TurnH"。
注意：在〈head〉与〈/head〉之间插入代码中，TurnH前有一个“.”(不包括引号)，请一定不要漏掉了。
2、直接插入式
在图片属性代码中加入：
style=" filter: FlipH"
效果如图1。

图1
特点：通过使用CSS的“FlipH”滤镜，使图片水平翻转。“FlipH”滤镜是CSS的6个无参数滤镜中的一个，可直接使用，在Dreamweaver中可以同有参数的滤镜一样使用。
图片垂直翻转
代码：
1、内部插入式
在〈head〉与〈/head〉之间插入：
〈style type = text/css〉
.TurnV{filter:FlipV}
〈/style〉
然后再在图片属性代码中加class="TurnV"。
注意：在〈head〉与〈/head〉之间插入代码中，TurnV前有一个“.”(不包括引号)，请一定不要漏掉了。
2、直接插入式
在图片属性代码中加入：
style="filter:FlipV"
效果如图2。

图2
特点：通过使用CSS的无参数滤镜“FlipV”滤镜，使图片垂直翻转。
以上两种滤镜如果合理配合还可以做出类似水中倒影的效果.
转自:http://www.wangchao.net.cn/bbsdetail_572798.html

紫蝶∏飛揚↗ 2009-11-05 13:59 发表评论

[转]IE与Firefox下的col与colgroup

紫蝶∏飛揚↗ — Thu, 05 Nov 2009 05:12:00 GMT

问题

简单来说，在Firefox下，col与colgroup基本上只能干很少的几件事情（如果你对col和colgroup不熟，可以参看一下这个地方http://www.msleft.com/htmltags/colgroup.html），可以先看一段代码：

第一列：边框

第二列：背景

第三列：字体大小

第四列：北京和居右

第五列：字体颜色

第六列：消失

第七列：另一种消失

以上代码是平时常见的对col的操作，在IE6下的展现和FF的展现还是有一定差别的，除了colgroup的border，col的background 以外，FF几乎其他的全都不能实现，而IE6则几乎全部能实现（除了边框）。

解决方案

显然，对于IE我们可以直接用上面的方法来干活了

而对于Firefox和Opera，我们可以使用CSS的高级选择器来干这个活，把下面的代码作为style贴到刚才的代码的head部分，看看Firefox下的效果：

table tbody tr td:first-child { border: 5px solid #ccc; }
table tbody tr td:first-child+td { background: #900; }
table tbody tr td:first-child+td+td { font-size: 24px; }
table tbody tr td:first-child+td+td+td { background: #eee; text-align: right; width: 200px; }
table tbody tr td:first-child+td+td+td+td { color: #900; }
table tbody tr td:first-child+td+td+td+td+td { visibility: hidden; }
table tbody tr td:first-child+td+td+td+td+td+td { display: none; }

顺便说一句，IE7也支持这种写法

看起来还不错，不过，如果你的表格有100列，而你要为第99列设定属性的话。。。。建议你还是直接帮class到td上去吧。

转自:http://fallenlord.blogbus.com/logs/12637041.html

紫蝶∏飛揚↗ 2009-11-05 13:12 发表评论

DIV+CSS 表格设置及图示

紫蝶∏飛揚↗ — Fri, 16 Oct 2009 07:56:00 GMT

以下为浏览器firefox,ie默认设置：
table {
display: table;
border-spacing: 2px;             /*border-spacing 属性设置相邻单元格的边框间的距离（仅用于“边框分离”模式）。在指定的两个长度值中，第一个是水平间隔，第二个是垂直间隔。*/

border-collapse: separate;       /* 除非 border-collapse 被设置为 separate，否则将忽略这个属性。 */
margin-top: 0;
margin-bottom: 0;
text-indent: 0;
}
td {display:table-cell;padding:1px;text-align:inherit;vertical-align:inherit;}

*****************************************
colspan="value"> ：设置单元格可横跨的列数。rowspan:横跨的行数。span：跨度，两个界限之间的距离。
*****************************************
                        /* DW页面设计中显示正常 */

      td
      td
      td

                       /* DW页面设计中显示不正常 */

                     /* DW页面设计中显示不正常，推荐使用，节约代码 */

紫蝶∏飛揚↗ 2009-10-16 15:56 发表评论

元素垂直居中CSS解决方法

紫蝶∏飛揚↗ — Thu, 15 Oct 2009 08:05:00 GMT

一 div显示为表格框 (本人未测试通过)
div{display:table-cell;   /* 也可为table等 */
      vertical:middle;       /* 只有firefox在去掉以上属性时，支持此属性 */
     }
二采用绝对地址和外边距居中（推荐,不用看也可以通过）
div{position:relative;    /* 可无需设置left等，此属性主要是为内部标签p定位 */
      height:xxpx;
     }
p{position:absolute;
    margin-top:－(自身高度/2);
   }

三定义p{inline-block;.....}为行框来填充img的上面距离实现居中。代码略。(未测试)

四元素内元素垂直居中（定位不是十分精确，差别不大，好像只适用于单行。测试通过）
div{line-height:500px;    /* line-height与height相同 */
      height:500px;
}

紫蝶∏飛揚↗ 2009-10-15 16:05 发表评论

产品单项列表展示 DIV+CSS代码图示

紫蝶∏飛揚↗ — Thu, 15 Oct 2009 06:01:00 GMT

采用了列表浮动，文字环绕方式。

紫蝶∏飛揚↗ 2009-10-15 14:01 发表评论

纯 CSS 制作圆角框的实现

紫蝶∏飛揚↗ — Thu, 15 Oct 2009 02:51:00 GMT

代码很简单，a层为内容层，其width值300，然后用b层向外以左右边框2像素（可任意）的宽度递减。最外一层要加上background属性，目的是要将上、下两线条呈现出来；b层的数量决定了要实现的圆角弧度大小。在firefox IE6 都通过测试。

紫蝶∏飛揚↗ 2009-10-15 10:51 发表评论

产品横行浏览 DIV+CSS 布局代码图示

紫蝶∏飛揚↗ — Wed, 14 Oct 2009 06:51:00 GMT

紫蝶∏飛揚↗ 2009-10-14 14:51 发表评论

解决div标签在视觉上没有包围内部浮动元素；overflow:hidden 可以使div标签自适应高度，但不能文字环绕(另有解决方法）

紫蝶∏飛揚↗ — Wed, 14 Oct 2009 06:15:00 GMT

(1)

//clear:left;clear:right
(2)

//overflow:hidden 可以使DIV框自适应高度，但内部含浮动框时，文字环绕失效。如要文字环绕需去掉此属性，并在外围包含框定义宽度。
都可以解决

没有定义高度或高度不足以包含其内部浮动元素时，出现内部浮动元素溢出他的高度范围显示。
让包围元素在视觉上包围浮动元素，需要在这个元素中的某个地方应用 clear，或（2）

紫蝶∏飛揚↗ 2009-10-14 14:15 发表评论

元素内容溢出其区域 overflow 属性设置

紫蝶∏飛揚↗ — Tue, 13 Oct 2009 04:02:00 GMT

定义
overflow 属性设置当元素的内部标签溢出其区域时如何处理。
JavaScript 语法： object.style.overflow="scroll"
实例设置 overflow 属性：div{width:150px;height:150px;overflow:scroll;}
可能的值值描述
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
注：修剪，即多余的内容会被隐藏。

overflow:hidden;">

xxxxxx


aaaa

紫蝶∏飛揚↗ 2009-10-13 12:02 发表评论

CSS 页面学习20091016(ul 行框块框标签选择 ul,dl在浏览器中的默认值,浮动框的自适应宽度和单元格里直接放内容,重设浏览器默认值)

紫蝶∏飛揚↗ — Mon, 12 Oct 2009 07:29:00 GMT

一.固定页眉
.top{position:fixed;left:0;top:0} //posistion属性需用left,top指定方位(连用)

二.标签符的选择
多行多列用,单行多列用

(一般用于标题.即行选择符,另有),多行单列用UL列表(或DL),
文字环绕用

环绕dt

)

三.行框:元素在一行里按列一列一列显示
,,

四.块框（display:block):元素按行一行一行显示

,
,
五.列表项

六 firefox ie 浏览器默认值(1em=16px)      （为了解决浏览器默认值不为0，一般在页面设计时指定内外边距为0。）
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p{margin:0;padding:0}
（1）

ul{padding-left:40px;margin:1em 0;}   /* ul 标签上下外间距为16px;左内间距为40px; */
p,dl{margin:1em 0;}                           /* p,dl 标签上下外间距为16px; */
dd{margin-left:40px;}                         /* dd 标签左外间距为40px; */
firefox: ul dl,dl ul,.....{margin-top:0;margin-bottom:0;} /* 列表嵌套，IE中列表嵌套不设置此属性，依然是margin:1em 0; */

（2）IE中任何元素最小高度规定为19px，不可更改。解决方法：设置高度为19px以下的元素需指定overflow:hidden属性。

七浮动框的自适应宽度和单元格里直接放内容
（1）浮动则自适应内部标签最大宽度
（2）不浮动则自适应父标签宽度
（3）

描述

URL 图像的路径。

none 默认。无图形被显示。

inherit

规定应该从父元素继承 list-style-image 属性的值。

里直接放内容，不用放块元素

等，

类似于块框，display：table-cell；

八

，: 等设置。

九 DIV+CSS表格设置及图示
http://www.blogjava.net/algz/articles/298591.html

十 IE6 IE7 绝对定位元素消失的BUG
http://www.blogjava.net/algz/articles/301959.html

紫蝶∏飛揚↗ 2009-10-12 15:29 发表评论

tabs 界面CSS布局，解决3px图像间隔

紫蝶∏飛揚↗ — Wed, 07 Oct 2009 08:22:00 GMT


                  //tabs标题二个


   //两个a标签不能换行写，否则出现3px图像间隔




                              //tabs内容，多行多列用一个表格，单行多例用多个ul，多行单列用ul，2列多行用dl




                              ...........................................

xxxxxxxxxxxxxxxx xxxxxxx




具体CSS略去，很简单的。
如图：

紫蝶∏飛揚↗ 2009-10-07 16:22 发表评论

PS切片导出为DIV+CSS布局

紫蝶∏飛揚↗ — Tue, 06 Oct 2009 04:42:00 GMT

在修改好相应的文字与图象之后，我们就将PSD文件输出(X)HTML文件。

首先得先对PSD文件做切片，有两种方法：

①使用工具栏上的“切片工具”，

然后在图象上划出一块一块的区域。

②使用基于参考线的切片，按ctrl+R调出标尺栏，

把鼠标移动到标尺上，按住鼠标左键，移动到图象上，将会看到一条绿色的参考线，如图

将参考线；排好，然后点一下工具栏上的切片工具图表，然后点上面

选项栏里的“基于参考线的切片”。于是在原来的参考线上就变成了一块一块的切片了。

********************************************************************************

接下来就可以输出了:
①依次选择菜单栏上的“文件”→“存储为Web所用格式”→“存储”。

②接下来就会弹出一个“将优化结果存储为”的窗口。

在“保存类型”处有个下拉列框可以选择，因为我们要存储为网页的格式，所以选择“HTML和图象(* html)”，再选择“保存”就可以输出一个网页格式的HTML文件与一个包含图象的名为“images”的文件夹。

③如果我们需要输出“div+css的网页”我们还可以这么做：
在“设置”处的下拉列框，选择“其他”

就会弹出一个“输出设置”的窗口
在第2个下拉列框处选择“切片”,选择“生成CSS”，单击“好”→“保存”，就可以输出一个目前流行的“div+css”的HTML网页。

紫蝶∏飛揚↗ 2009-10-06 12:42 发表评论

CSS 定位posistion,absolute,relative,float,clear最简单明了的解释

紫蝶∏飛揚↗ — Fri, 11 Sep 2009 04:43:00 GMT
一概述
CSS 有二种基本的定位机制：文档流、脱离文档流。
除非指定元素定位属性，否则所有元素框都在文档流中定位。也就是说，文档流中的元素位置由元素在 X(HTML) 中的位置决定。

二 CSS定位相关的两属性 position 和 float
（1）position：定位时，使用 left，right，top，bottom 中至少一个值定位。

值:
static：正常文档流布局，默认值。
relative(相对)：不脱离文档流，其“相对于”它在文档流中原位置进行垂直水平偏移，所有后序元素原位置不变，但可能覆盖后序元素，但不算层叠，不可通过 z-index 属性定义。

absolute(绝对)：脱离文档流，不占据空间，所有后序元素自动前移，绝对定位元素的起点位置相对于最近已定位（只需指定一个position属性）祖先元素(从父元素开始搜索）以外边距后为起点（可存在内边距里,如图：），如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块（body)。可多重层叠，通过 z-index 属性定义。定位后生成一个块级框，而不论原来它在文档流中是何种类型的框。

文档流中其它元素的布局就像绝对定位的元素不存在一样：

（2）float：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框脱离文档流，所以文档流中的其它元素块框表现得就像浮动框不存在一样。定位时，与margin与padding相关。

（3）clear
定义和用法
clear 属性
设置元素的侧面是否允许其他的浮动元素。
说明
clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。
在 CSS2.1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。
值描述
left 在左侧不允许浮动元素。
right 在右侧不允许浮动元素。
both 在左右两侧均不允许浮动元素。
none 默认值。允许浮动元素出现在两侧。

图像的左侧和右侧均不允许出现浮动元素：img{float:left;clear:both;}

紫蝶∏飛揚↗ 2009-09-11 12:43 发表评论

使图层DIV居中

紫蝶∏飛揚↗ — Tue, 03 Feb 2009 08:02:00 GMT
指定图层CSS : margin:0 auto //上下左右(auto,指的就是指左右采取浏览器默认值，即居中)
也可写为 margin:0 auto 0 auto //上左下右

紫蝶∏飛揚↗ 2009-02-03 16:02 发表评论

DIV 标签很重要的CSS的float属性

紫蝶∏飛揚↗ — Tue, 03 Feb 2009 06:39:00 GMT

(通过指定CSS属性float的值,使元素向左或向右浮动,然后由后继元素向上移动以填补前面元素的浮动而空出的可用空间。)
CSS的float属性，作用就是改变块元素(block element)对象的默认显示方式，HTML标签设置了float属性之后，它将不再独自占据一行
(从当前位置开始到这行结束,不包括标签前面的格子,即这一行包括前面标签+这个标签)。没有设置将独占一行.
       浮动(float)细节：
      1.左(右)浮动元素，尽量靠近父元素左(右)内边沿。
      2.浮动元素尽量不去重叠交叉。
      3.浮动元素尽可能高，当不会高于父元素顶内边沿。

显示结果:

当定义一个外层 div t 时,里面的 div a/b/c 随指定的float值紧帖外层 div t 的左/右边显示
.
如果没有外 div t , 则紧帖BODY显示.
(缩小IE窗口只会裁剪内容)
****************************
当去掉div t ,则紧帖BODY(IE窗口)的左/右显示,当缩小IE窗口时出现不理想的缩进.显示如下:

*****************************
HTML网页的显示,是从上到下,从外到内的显示标签.如 img "111" 的高小于 img"222",则出现img "333"显示到前面.
显示结果:

紫蝶∏飛揚↗ 2009-02-03 14:39 发表评论

TOM网站很漂亮,决定仿照个其首页

紫蝶∏飛揚↗ — Mon, 22 Sep 2008 05:13:00 GMT
TOM网站很漂亮,速度也不错,首页干净,整洁,不知用什么开发的.决定用EXTJS仿照个他的首页,看看能不能达到他的效果.呵呵.
一. * CSS: 通配符, 即所有标签的默认值.
* {
margin: 0px;                            //外边框间的距离. (必须指定,否则在IE中,默认的距离为8px.)
padding: 0px;                          //内边框与所包含的内容间的距离. (必须指定,否则在IE中,默认的距离为8px.)
list-style-position: outside;
list-style-image: none;
list-style-type: none;
}

二. CSS:
html {
background-attachment: scroll;
background-image: url(../theme/bg.gif);    //背景图像.(覆盖BODY没覆盖到的位置)
background-repeat: repeat-x;                  //背景是否重复
background-position: center top;
font-family: Arial, Helvetica, sans-serif;    //字体
font-size: 12px;                                       //字体大小
color: #3333333;                                    //字体颜色
}

三. CSS:
body {
background-attachment: scroll;                      //背景附件
background-image: url(../theme/bgimg.jpg);   //背景图像
background-repeat: no-repeat;                     //背景是否重复
background-position: center top;                  //背景水平,垂直
}

四. 网站一般外层边框
CSS类:
.类名{
margin: 0 auto;                         //外边框上和左0px,下和右自动.
width: 950px;                         //宽950px.(800*600分辨率,网站各个外层
必须指定)
}

网站顶部
CSS 类:
.header {
margin: 0 auto;                         //外边框上0px,左auto指居中.下和右无定义.
padding: 5px;                          //内边框与所包含的内容间的距离,上下左右5px.
height: 50px;                           //高50px.
width: 950px;                         //宽950px.(800*600分辨率,网站各个外层
必须指定)
}

紫蝶∏飛揚↗ 2008-09-22 13:13 发表评论

样式表实用用法

紫蝶∏飛揚↗ — Mon, 28 Apr 2008 08:48:00 GMT

学JSF,不懂样式表不行.

连接到一个外部的样式表
一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中:

标记是放置在文档的HEAD部分。可选的TYPE属性用于指定媒体类型--text/css是一个层叠样式表--允许浏览器忽略它们不支持的样式表类型。为CSS文件配置服务器而将text/css当作Content-type内容发送出去也是一个好注意。

外部样式表不能含有任何像或
STYLE元素放在文档的HEAD部分。必须的TYPE属性用于指定媒体类型，LINK元素也一样。同样地，TITLE和MEDIA属性也可以用STYLE指定。

旧版本的浏览器，并不能识别STYLE元素，会将其当作BODY的一部分照常展示其内容，从而使这些样式表对用户是可见的。要防止这样做，STYLE元素的内容要包含一个SGML注解()在里面，像上述例子那样。

嵌入的样式表可用于当一个文档具有独一无二的样式的时候。如果多个文档都使用同一样式表，那么外部样式表会更适用。

--------------------------------------------------------------------------------

输入一个样式表
一个样式表可以使用CSS的@import 声明被输入。这个声明用于一个CSS文件或内部的STYLE元素:

注意其它的CSS规则应该仍然包括在STYLE元素中，但所有的@import 声明必须放在样式表的开始部分。任意在样式表中指定了的规则，其自身超越在输入样式表中对立的规则。例如上例，即使一个输入的样式表包含DT { background: aqua }，定义项(definition terms)依然会是黄色的背景。

被输入的样式表的顺序对于它们怎样层叠是很重要的。在上述的例子中，如果style.css输入的样式表指定了STRONG元素会显示为红色而punk.css样式表指定了STRONG元素显示为黄色的话，那么后面的规则会获胜，而STRONG元素会显示为黄色。

输入的样式表对于模块性效果很有用处。例如，一个网站可以通过使用了的选择符分类样式表。一个simple.css样式表给出公共的元素像BODY、P、H1和H2。此外，一个extra.css样式表给出较少共通的元素像CODE、BLOCKQUOTE和DFN。一个tables.css样式表可以用于定义变革元素的规则。这三个样式表在需要的时候可以使用@import 声明包括在HTML中。三个样式表也可以通过LINK元素组合。

--------------------------------------------------------------------------------

内联样式
样式可以使用STYLE属性内联。STYLE属性可以应用于任意BODY元素(包括BODY本身)，除了BASEFONT、PARAM和SCRIPT。这个属性将任何数量的CSS声明当作自己的值，而每个声明用分号隔开。以下是一个例子:

这段的样式是红色的New Century Schoolbook字，如果字体可用的话。

注意在STYLE中New Century Schoolbook包含在单引号中，因为双引号被用作包含样式声明。

内联的样式比其他方法更加灵活。要使用内联样式，必须使用Content-Style-Type HTTP页眉扩展对整个文档进行单独的样式表语言声明。使用内联CSS的网页制作者必须将text/css作为Content-Style-Type HTTP页眉，或在HEAD部分包括以下标记:

因为和需要展示的内容混合在一起，内联样式会失去一些样式表的优点。同样地，内联样式默认地接受所有媒体，因为没有任何的为内联样式指定明确的媒体的语句。这种方法应该尽量少用，如当一个样式会应用在所有媒体到一个元素的个别情况。如果样式会被应用到单一元素的场合，但只能使用确认的媒体的话，使用ID属性代替STYLE属性。

紫蝶∏飛揚↗ 2008-04-28 16:48 发表评论

BlogJava-紫蝶∏飛揚↗-文章分类-CSS

IE6 Select元素无法被div等元素覆盖的bug解决办法

IE6下相对定位元素(DIV)内绝对定位元素(DIV)的偏移定位Bug问题---外围DIV指定相对定位,内含DIV采用绝对定位,可让DIV内多个DIV块级元素任意布局

IE6 IE7 绝对定位元素消失的BUG

关于CSS clip属性不能剪切图片

[转]CSS 图片翻转效果

[转]IE与Firefox下的col与colgroup

DIV+CSS 表格设置及图示

元素垂直居中CSS解决方法

产品单项列表展示 DIV+CSS代码图示

纯 CSS 制作圆角框的实现

产品横行浏览 DIV+CSS 布局代码图示

解决div标签在视觉上没有包围内部浮动元素；overflow:hidden 可以使div标签自适应高度，但不能文字环绕(另有解决方法）

元素内容溢出其区域 overflow 属性设置

CSS 页面学习20091016(ul 行框 块框 标签选择 ul,dl在浏览器中的默认值,浮动框的自适应宽度和单元格里直接放内容,重设浏览器默认值)

tabs 界面CSS布局，解决3px图像间隔

PS切片导出为DIV+CSS布局

CSS 定位posistion,absolute,relative,float,clear最简单明了的解释

使图层DIV居中

DIV 标签很重要的CSS的float属性

TOM网站很漂亮,决定仿照个其首页

样式表实用用法

CSS 页面学习20091016(ul 行框块框标签选择 ul,dl在浏览器中的默认值,浮动框的自适应宽度和单元格里直接放内容,重设浏览器默认值)