亚洲真人无码永久在线,在线综合亚洲中文精品,中文字幕亚洲码在线

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

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

一�U?(常用)
.T_iframe
{
    position: absolute;/*�l�对定位保证iframe不会占用��布局�I�间*/
    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;
}

�q�里可以包含其他dom元素

二种:隐藏select元素(EOS做法)
三种:用iframe括�vselect元素(�ȝ��,没测�?

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

IE6下相对定位元�?DIV)内绝对定位元�?DIV)的偏�U�d��位Bug问题---外围DIV指定相对定位,内含DIV采用�l�对定位,可让DIV内多个DIV块��元素��L��布局

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

IE6下相对定位元�?DIV)内绝对定位元�?DIV)的偏�U�d��位Bug问题�Q�即�l�对定位元素的相对偏�U�d��素是谁。一般情况下�Q�是相对于父元素以上直到DOCUMENT�Q�默认已定位�Q�的已定位元素（即position的设�|?。但在IE6�Q�IE5中出现的BUG却是定位在已定位元素的外围或以DOCUMENT相对而言�?br />
在《精通CSS�?0��上面有�q�样一�D�话�Q?br /> 引用:
相对于相对定位的��先元素�Ҏ(gu��)��q�行�l�对定位�Q�这在大多数��C��览器中实现得很好。但是，在windows上的IE5.5和IE6中有一个BUG�Q?span style="color: #808000">如果试图相对于相对定位的�?/span>的右�Ҏ(gu��)��底部讄��l�对定位的框的位�|?/span>�Q�那�?span style="color: #808000">需�?/span>��保相对定位的框已经讄��了尺�?/span>。如果没有，那么IE会相对于��d��定位�q�个框。简单的解决�Ҏ(gu��)��时�ؓ相对定位的框讄��宽度和高度�?br />
但是�Q�如果未��d��宽度�Q�那么浏览器可能�l�予父元素默认的100%宽度。而若未添加高�?/span>�Q?span style="color: #339966">在Firefox 3及IE 6下都无法看到�l�对定位的子元素�?/span>。也��是��_��IE 6下绝对定位子元素�q�没有相对于��d��定位�?br />
��试通过没有问题�Q?/p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

tel:000-000-999

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

IE6 IE7 �l�对定位元素消失的BUG

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

IE6 IE7 �?�l�对定位元素盔R��动元素,则消�?可在�l�对元素前或后添加空元素隔开卛_��.
(��动元素的宽度不填满父元�?�l�对元素也能正常昄��.)

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

紫蝶∏飛揚↗ — 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

囄��水��^��{
代码�Q?br /> 1、内部插入式
在〈head〉与�?head〉之间插入：
style type = text/css�?br /> .TurnH{filter:FlipH}
/style�?
然后在图片属性代码中加class="TurnH"�?br /> 注意�Q�在〈head〉与�?head〉之间插入代码中�Q�TurnH前有一�?#8220;.”(不包括引�?�Q�请一定不要漏掉了�?br /> 2、直接插入式
在图片属性代码中加入�Q?br /> style=" filter: FlipH"
效果如图1�?

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

�?
特点�Q�通过使用CSS的无参数滤镜“FlipV”滤镜�Q��囄��垂直��{�?br /> 以上两种滤镜如果合理配合�q�可以做出类似水中倒媄的效�?
转自: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不熟�Q�可以参看一下这个地�?a >http://www.msleft.com/htmltags/colgroup.html�Q�，可以先看一�D�代码：

�W�一列：�Ҏ(gu��)��

�W�二列：背景

�W�三列：字体大小

�W�四列：北京和居�?lt;/td>

�W�五列：字体颜色

�W�六列：消失

�W�七列：另一�U�消�?lt;/td>

�? 上代码是�q�x��常见的对col的操作，在IE6下的展现和FF的展现还是有一定差别的�Q�除了colgroup的border�Q�col的background 以外�Q�FF几乎其他的全都不能实玎ͼ�而IE6则几乎全部能实现�Q�除了边框）�?/p>

解决�Ҏ(gu��)��

昄��Q�对于IE我们可以直接用上面的�Ҏ(gu��)��来干�z�M��

而对于Firefox和Opera�Q�我们可以��用CSS的高�U�选择器来�q�这个活�Q�把下面的代码作为style贴到刚才的代码的head部分�Q�看看Firefox下的效果�Q?/p>

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; }

��Z��说一句，IE7也支持这�U�写�?/p>

看�v来还不错�Q�不�q�，如果你的表格�?00列，而你要�ؓ�W?9列设定属性的话。。。。徏议你�q�是直接帮class到td上去吧�?/p>

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

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

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

以下为浏览器firefox,ie默认讄����Q?/pre>
table {
display: table;
border-spacing: 2px;             /*border-spacing 属性设�|�相��d��元格的边框间的距���（仅用�?#8220;�Ҏ(gu��)��分离”模式�Q�。在指定的两个长度��g���Q�第一个是水��^间隔�Q�第二个是垂直间隔�?/

border-collapse: separate;       /* 除非 border-collapse 被设�|��ؓ separate�Q�否则将忽略�q�个属性�?*/
margin-top: 0;
margin-bottom: 0;
text-indent: 0;
}
td {display:table-cell;padding:1px;text-align:inherit;vertical-align:inherit;} 

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

colspan="value"> �Q�设�|�单元格可横跨的列数�?span style="color: #339966">rowspan:横跨的行数。span�Q�跨度，两个界限之间的距���R�?br />
*****************************************

                        /* DW��面设计中显�C�正�?*/

      

      td

      td

      td

      

    


                       /* DW��面设计中显�C�Z��正常 */

      

      

      

      

      

    s s s
                     /* DW��面设计中显�C�Z��正常�Q�推荐��用，节约代码 */

        

        

      

      

      

      

      

      

      

      

      

      

    c c c


 
    

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

元素垂直居中CSS解决�Ҏ(gu��)��

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

一 div昄��格框 (本�h未测试通过)
div{display:table-cell;   /* 也可为table�{?*/
      vertical:middle;       /* 只有firefox在去掉以上属性时�Q�支持此属�?*/
     }
�?采用�l�对地址和外边距居中 �Q�推�?不用看也可以通过�Q?br /> div{position:relative;    /* 可无需讄��left�{�，此属性主要是为内部标�{�p定位 */
      height:xxpx;
     }
p{position:absolute;
    margin-top:�Q?自��n高度/2);
   }

�?定义p{inline-block;.....}��框来填充img的上面距��d��现居中。代码略�?未测�?

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

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

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

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

采用了列表��Q动，文字环绕方式�?

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

�U?CSS 制作圆角框的实现

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

代码很简单，a层�ؓ内容层，其width�?00�Q�然�?span style="color: #008000">用b层向外以左右�Ҏ(gu��)��2像素�Q�可��L��Q�的宽度递减�?/span>最外一层要加上background属性，目的是要��上、下两线条呈现出来；b层的数量军_��了要实现的圆角弧度大��。在firefox IE6 都通过��试�?br />

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

产品横行��览 DIV+CSS 布局代码囄��

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

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

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

(1)

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

//overflow:hidden 可以使DIV框自适应高度�Q�但内部含��Q动框�Ӟ��文字环绕失效。如要文字环�l�需��L��此属性，�q�在外围包含框定义宽度�?br /> 都可以解�?lt;div>没有定义高度或高度不��以包含其内部��Q动元素时�Q�出现内部��Q动元素溢��Z��的高度范围显�C��?br /> 让包围元素在视觉上包围��Q动元素，需要在�q�个元素中的某个地方应用 clear�Q�或�Q?�Q?

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

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

定义
overflow 属性设�|?span style="color: #008000">�?/span>元素�?span style="color: #008000">内部标签溢出其区域时如何处理�?br /> JavaScript 语法�Q? object.style.overflow="scroll"
实例讄�� overflow 属性：div{width:150px;height:150px;overflow:scroll;}
可能的值�? 描述
visible 默认倹{��内容不会被修剪�Q�会呈现在元素框之外�?br /> hidden 内容会被修剪�Q��ƈ且其余内�Ҏ(gu��)��不可见的�?br /> scroll 内容会被修剪�Q�但是浏览器会显�C�滚动条以便查看其余的内宏V�?br /> auto 如果内容被修剪，则浏览器会显�C�滚动条以便查看其余的内宏V�?br /> 注：修剪�Q�即多余的内容会被隐藏�?

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指定方位(�q�用)

�?标签�W�的选择
多行多列�?lt;table>,单行多列�?lt;p style="float:left;">(一般用于标�?卌��选择�W?另有),多行单列用UL列表(或DL),
文字环绕�?lt;dl>(

环绕dt

)

�?行框:元素在一行里按列一列一列显�C?br /> ,,

�?块框�Q�display:block):元素按行一行一行显�C?br />

,
,
�?列表��?lt;ul>三个属�?br /> �? 描述
list-style-type 讄��列表��Ҏ(gu��)��记的�c�d��?br /> list-style-position 讄��在何处放�|�列表项标记�?br /> list-style-image 使用囑փ�来替换列表项的标记�?br />
�? 描述
none 无标记�?br /> disc 默认。标记是实心圆�?br /> circle 标记是空心圆�?br /> square 标记是实心方块�?br /> decimal 标记是数字�?br /> decimal-leading-zero 0开头的数字标记�?01, 02, 03, �{��?
lower-roman ��写�|�马数字(i, ii, iii, iv, v, �{��?
upper-roman 大写�|�马数字(I, II, III, IV, V, �{��?
lower-alpha ��写英文字母The marker is lower-alpha (a, b, c, d, e, �{��?
upper-alpha 大写英文字母The marker is upper-alpha (A, B, C, D, E, �{��?
lower-greek ��写希腊字母(alpha, beta, gamma, �{��?
lower-latin ��写拉丁字母(a, b, c, d, e, �{��?
upper-latin 大写拉丁字母(A, B, C, D, E, �{��?
hebrew 传统的希伯来�~�号方式
armenian 传统的亚��尼亚编��h��?br /> georgian 传统的乔��M��~�号方式(an, ban, gan, �{��?
cjk-ideographic ��单的表意数字
hiragana 标记是：a, i, u, e, o, ka, ki, �{�。（日文片假名）
katakana 标记是：A, I, U, E, O, KA, KI, �{�。（日文片假名）
hiragana-iroha 标记是：i, ro, ha, ni, ho, he, to, �{�。（日文片假名）
katakana-iroha 标记是：I, RO, HA, NI, HO, HE, TO, �{�。（日文片假名）

�? 描述
inside 列表��目标记攄��在文本以内，且环�l�文本根据标记对齐�?br /> outside 默认倹{��保持标��C��于文本的左侧。列表项目标记放�|�在文本以外�Q�且环绕文本不根据标记对齐�?br /> inherit 规定应该从父元素�l�承 list-style-position 属性的倹{�?br />
�?/th> 描述
URL 囑փ�的�\径�?/span>
none 默认。无囑�Ş被显�C��?/td>
inherit 规定应该从父元素�l�承 list-style-image 属性的倹{�?/td>

�?firefox ie ��览器默认�?1em=16px)      �Q��ؓ了解��x��览器默认��g��?�Q?span style="color: #339966">一般在��面设计时指定内外边距�ؓ0。）
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p{margin:0;padding:0}
�Q?�Q?br />
ul{padding-left:40px;margin:1em 0;}   /* ul 标签上下外间距�ؓ16px;左内间距�?0px; */
p,dl{margin:1em 0;}                           /* p,dl 标签上下外间距�ؓ16px; */
dd{margin-left:40px;}                         /* dd 标签左外间距�?0px; */
firefox: ul dl,dl ul,.....{margin-top:0;margin-bottom:0;} /* 列表嵌套�Q�IE中列表嵌套不讄��此属性，依然是margin:1em 0; */

�Q?�Q�IE中�Q何元素最��高度规定�ؓ19px�Q�不可更攏V��解��x��法：讄��高度�?9px以下的元素需指定overflow:hidden属性�?/span>

�?��动框的自适应宽度和单元格里直接放内容
�Q?�Q��Q动则自适应内部标签最大宽�?br /> �Q?�Q�不��动则自适应父标�{�֮��?br /> �Q?�Q?lt;td>里直接放内容�Q�不用放块元�?lt;p>�{�， �c�M��于块�?/span>�Q�display�Q�table-cell�Q?br />
�?

tabs 界面CSS布局�Q�解�?px囑փ�间隔

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

//tabs标题二个

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

                              //tabs内容�Q�多行多列用一个表��|��单行多例用多个ul�Q�多行单列用ul�Q?列多行用dl




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

xxxxxxxxxxxxxxxx

xxxxxxx

具体CSS略去�Q�很��单的�?
如图�Q?br />

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

PS切片导出为DIV+CSS布局

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

在修改好相应的文字与图象之后�Q�我们就��PSD文�g输出(X)HTML文�g�?/p>

首先得先对PSD文�g做切片，有两�U�方法：

①��用工��h��上的“切片工具”�Q?br />

然后在图象上划出一块一块的区域�?br />

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

把鼠标移动到标尺上，按住鼠标左键�Q�移动到图象上，��会看到一条绿色的参考线�Q�如�?br />

��参考线�Q�排好，然后点一下工��h��上的切片工具图表�Q�然后点上面

选项栏里�?#8220;��Z��参考线的切�?#8221;。于是在原来的参考线上就变成了一块一块的切片了�?br />

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

接下来就可以输出�?
①依�ơ选择菜单栏上�?#8220;文�g”→“存储为Web所用格�?#8221;→“存储”�?/p>

②接下来��׃��弹出一�?#8220;��优化结果存储�ؓ”的窗口�?/p>

�?#8220;保存�c�d��”处有个下拉列框可以选择�Q�因为我们要存储为网��늚�格式�Q�所以选择“HTML和图�?* html)”�Q�再选择“保存”��可以输��Z��个网��|��式的HTML文�g与一个包含图象的名�ؓ“images”的文件夹�?/p>

③如果我们需要输�?#8220;div+css的网��?#8221;我们�q�可以这么做�Q?br /> �?#8220;讄��”处的下拉列框�Q�选择“其他”

��׃��弹出一�?#8220;输出讄��”的窗�?br /> 在第2个下拉列框处选择“切片”,选择“生成CSS”�Q?/span>单击“�?#8221;→“保存”�Q�就可以输出一个目前流行的“div+css”的HTML�|�页�?/p>

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

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

紫蝶∏飛揚↗ — Fri, 11 Sep 2009 04:43:00 GMT

一概述
CSS 有二�U�基本的定位机制�Q�文档流、脱��L��档流�?br /> 除非指定元素定位属性，否则所有元素框都在文档��中定位。也��是��_��文档��中的元素位�|�由元素�?X(HTML) 中的位置军_��?br />
�?CSS定位相关的两属�?position �?float
�Q?�Q�position�Q?span style="color: #339966">定位�Ӟ��使用 left�Q�right�Q�top�Q�bottom 中至��一个值定位�?/span>

�?
static�Q�正常文档流布局�Q�默认倹{�?br /> relative(相对)�Q�不��q��文档��，�?#8220;相对�?#8221;它在文档��中原位�|�进行垂直水�q�_��U?/span>�Q�所有后序元素原位置不变�Q�但可能覆盖后序元素�Q�但不算层叠�Q�不可通过 z-index 属性定义�?br />

absolute(�l�对)�Q�脱��L��档流�Q?span style="color: #339966">不占据空�?/span>�Q�所有后序元素自动前�U�，�l�对定位元素的�v点位�|?span style="color: #339966">相对�?em>最�q�已定位�Q�只需指定一个position属性）��先元素(从父元素开始搜索）以外边距后�ؓ��L��Q�可存在内边距里,如图�Q?img border="0" alt="" src="http://www.tkk7.com/images/blogjava_net/algz/absolute.png" width="162" height="109" />�Q?/em>�Q�如果元素没有已定位的祖先元素，那么它的位置相对�?em>最初的包含块（body)。可多重层叠�Q?span style="color: #339966">通过 z-index 属性定�?/span>�?定位后生成一个块�U�框�Q�而不论原来它在文档流中是何种�c�d��的框�?br />

文档��中其它元素的布局��像�l�对定位的元素不存在一��P��

�Q?�Q�float�Q��Q动的框可以向左或向右�U�d��Q�直到它的外边缘��到包含框或另一个��Q动框的边框�ؓ止。由于��Q动框��q��文档��?/span>�Q�所以文档流中的其它元素块框表现得就像��Q动框不存在一栗��?span style="color: #339966">定位�Ӟ��与margin与padding相关�?/span>

�Q?�Q�clear
定义和用�?br /> clear 属�?br /> 讄��元素的侧面是否允许其他的��动元素�?br /> 说明
clear 属性定义了元素的哪边上不允许出现��Q动元素。在 CSS1 �?CSS2 中，�q�是通过自动为清除元素（卌��|�了 clear 属性的元素�Q�增加上外边距实现的�?br /> �?CSS2.1 中，会在元素上外边距之上增加清除�I�间�Q�而外边距本��n�q�不改变。不论哪一�U�改变，最�l�结果都一��P��如果声明为左�Ҏ(gu��)��双��清除�Q�会使元素的上外�Ҏ(gu��)��边界刚好在该边上��动元素的下外边距边界之下�?br /> �? 描述
left 在左侧不允许��动元素�?br /> right 在右侧不允许��动元素�?br /> both 在左右两侧均不允许��Q动元素�?br /> none 默认倹{��允许��Q动元素出现在两侧�?br />
囑փ�的左侧和右侧均不允许出现��动元素�Q�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 发表评论

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

(通过指定CSS属�?code>float的�?使元素向左或向右��动,然后由后�l�元素向上移动以填补前面元素的��Q动而空出的可用�I�间�?
CSS的float属性，作用��是改变块元�?block element)对象的默认显�C�方�?/span>�Q�HTML标签讄��了float属�?/span>之后�Q�它?y��u)��不再独自占据一�?br /> (从当前位�|�开始到�q�行�l�束,不包括标�{�։�面的格子,卌��一行包括前面标�{?�q�个标签)�?/span>没有讄��独占一�?
��动(float)�l�节�Q?br /> 1.�?�?��动元素�Q?span style="color: #008000">��量靠近父元素左(�?内边�ѝ�?br /> 2.��动元素��量不去重叠交叉�?br /> 3.��动元素��可能高�Q�当不会高于父元素顶内边�ѝ�?br />

昄��l�果:

当定义一个外�?nbsp;div t �?里面�?nbsp;div a/b/c 随指定的float值紧帖外�?div t 的左/双��昄��
.
如果没有�?div t , 则紧帖BODY昄��.
(�~�小IE�H�口只会裁剪内容)
****************************
当去�?span style="color: #33cccc">div t ,则紧帖BODY(IE�H�口)的左/��x��C?当羃?y��u)��IE�H�口时出��C��理想的羃�q?昄��如下:

*****************************
HTML�|�页的显�C?是从上到�?从外到内的显�C�标�{?�?img "111" 的高��于 img"222",则出现img "333"昄��到前�?
昄��l�果:

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

TOM�|�站很漂�?军_��仿照个其首页

紫蝶∏飛揚↗ — Mon, 22 Sep 2008 05:13:00 GMT

TOM�|�站很漂�?速度也不�?首页�q�净,整洁,不知用什么开发的.军_��用EXTJS仿照个他的首��?看看能不能达��C��的效�?呵呵.
一. * CSS: 通配�W? ��x��有标�{��默认�?
* {
margin: 0px;                            //外边框间的距��? (必须指定,否则在IE�?默认的距��Mؓ8px.)
padding: 0px;                          //内边框与所包含的内定w��的距��? (必须指定,否则在IE�?默认的距��Mؓ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;                      //背景附�g
background-image: url(../theme/bgimg.jpg);   //背景囑փ�
background-repeat: no-repeat;                     //背景是否重复
background-position: center top;                  //背景水��^,垂直
}

�? �|�站一般外层边�?lt;div> CSS�c?
.�c�d��{
margin: 0 auto;                         //外边框上和左0px,下和双��?
width: 950px;                         //�?50px.(800*600分��L�?�|�站各个外层

必须指定)
}

�|�站�剙��

CSS �c?
.header {
margin: 0 auto;                         //外边框上0px,左auto指居�?/span>.下和��x��定义.
padding: 5px;                          //内边框与所包含的内定w��的距��?上下左右5px.
height: 50px;                           //�?0px.
width: 950px;                         //�?50px.(800*600分��L�?�|�站各个外层

必须指定)
}

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

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

学JSF,不懂样式表不�?

�q�接��C��个外部的样式�?br /> 一个外部的样式表可以通过HTML的LINK元素�q�接到HTML文档�?

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

外部样式表不能含有�Q何像�?lt;STYLE>�q�样的HTML的标记。样式表仅仅由样式规则或声明�l�成。一个单独由

P { margin: 2em }

�l�成的文件就可以用作外部样式表了�?/p>

标记也有一个可选的MEDIA属性，用于指定样式表被接受的介质或媒体。允许的值有

screen (�~�省�?�Q�提交到计算机屏�q�；
print�Q?输出到打印机�Q?
projection�Q�提交到投媄机；
aural�Q�扬声器�Q?
braille�Q�提交到凸字触觉感知讑֤��Q?
tty�Q�电(sh��)传打字机 (使用固定的字�?�Q?
tv�Q�电(sh��)视机�Q?
all�Q�所有输��备�?
多样的媒体通过用逗号隔开的列表或值all指定�?/p>

Netscape Navigator 4.x 错误地忽略除了screen值外的�Q何��用MEDIA值声明的�q�接或嵌入样式表。例如，MEDIA="screen,projection"会��o到样式表被Navigator 4.x忽略�Q�尽��展�C�的讑֤�是计��机的屏�q�。Navigator 4.x 也忽略��用MEDIA=all声明的样式表�?/p>

REL属性用于定义连接的文�g和HTML文档之间的关�p�R��REL=StyleSheet指定一个固定或首选的样式而REL="Alternate StyleSheet"定义一个交互样式。固定样式在样式表激�z�L��总被应用。缺��的TITLE属性，��像例子中的�W�一�?lt;LINK>标记�Q�定义一个固定样式�?/p>

一个首选样式会自动被应用，��像例子中的�W�二�?lt;LINK>标记。REL=StyleSheet和一个TITLE属性的�l�合指定一个首选的样式。网��制作者不能指定多于一个的首选样式�?/p>

交互样式通过REL="Alternate StyleSheet"指出。例子中的第三个标记定义一个交互样式，用户可以选择用来代替首选样式表�?/p>

注意现在的浏览器一般都�~�Z��选择交互样式的能力�?/p>

单一的样式也可以通过多个样式表给�?/p>

在这个例子中�Q�三个样式表�l�合成一�?Contemporary"样式�Q�作��Z��个首选样式表被应用。要�l�合多个样式表成一个单一样式�Q�必��d��每个样式表中使用相同TITLE�?/p>

当样式被应用到很多的�|�页�Ӟ��一个外部样式表是理想的。网��制作者��用外部样式表可以改变整个�|�站的外观而仅仅通过改变一个文件。同��L��Q�大多数��览器会保存外部样式表在�~�冲区，从而如果样式表在缓冲区��避免了在展�C�网��|��的�g�q��?/p>

Microsoft Internet Explorer 3 for Windows 95/NT4�q�不支持来自�q�接的样式表中的BODY 背景图象或颜艌Ӏ�如果考虑到这个错误，�|�页制作者不妨提供另外的包括一个背景图象或颜色的结构，例如嵌入或内联样式，或��用BODY元素的BACKGROUND属性�?/p>

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

嵌入一个样式表
一个样式表可以使用STYLE元素在文档中嵌入:

STYLE元素攑֜�文档的HEAD部分。必��ȝ��TYPE属性用于指定媒体类型，LINK元素也一栗��同样地�Q�TITLE和MEDIA属性也可以用STYLE指定�?/p>

旧版本的��览器，�q�不能识别STYLE元素�Q�会��其当作BODY的一部分照常展示其内容，从而�ɘq�些样式表对用户是可见的。要防止�q�样做，STYLE元素的内容要包含一个SGML注解()在里面，像上�q�C��子那栗��?/p>

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

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

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

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

被输入的样式表的��序对于它们怎样层叠是很重要的。在上述的例子中�Q�如果style.css输入的样式表指定了STRONG元素会显�C�Zؓ�U�色而punk.css样式表指定了STRONG元素昄��为黄色的话，那么后面的规则会莯��Q�而STRONG元素会显�C�Zؓ黄色�?/p>

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

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

内联样式
样式可以使用STYLE属性内联。STYLE属性可以应用于��L��BODY元素(包括BODY本��n)�Q�除了BASEFONT、PARAM和SCRIPT。这个属性将��M��数量的CSS声明当作自己的��|��而每个声明用分号隔开。以下是一个例�?

�q�段的样式是�U�色的New Century Schoolbook字，如果字体可用的话�?lt;/P>

注意在STYLE中New Century Schoolbook包含在单引号中，因�ؓ双引可��用作包含样式声明�?/p>

内联的样式比其他�Ҏ(gu��)��更加灉|��。要使用内联样式�Q�必��M��用Content-Style-Type HTTP��늜�扩展�Ҏ(gu��)��个文档进行单独的样式表语�a�声明。��用内联CSS的网��制作者必��d��text/css作�ؓContent-Style-Type HTTP��늜��Q�或在HEAD部分包括以下标记:

因�ؓ和需要展�C�的内容混合在一��P��内联样式会失��M��些样式表的优炏V��同样地�Q�内联样式默认地接受所有媒体，因�ؓ没有��M��的�ؓ内联样式指定明确的媒体的语句。这�U�方法应该尽量少用，如当一个样式会应用在所有媒体到一个元素的个别情况。如果样式会被应用到单一元素的场合，但只能��用确认的媒体的话�Q��用ID属性代替STYLE属性�?/p>

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

亚洲真人无码永久在线,在线综合亚洲中文精品,中文字幕亚洲码在线

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

IE6下相对定位元�?DIV)内绝对定位元�?DIV)的偏�U�d��位Bug问题---外围DIV指定相对定位,内含DIV采用�l�对定位,可让DIV内多个DIV块��元素��L��布局

IE6 IE7 �l�对定位元素消失的BUG

[转]CSS 囄�������{效果

[转]IE与Firefox下的col与colgroup

元素垂直居中CSS解决�Ҏ(gu��)��

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

�U?CSS 制作圆角框的实现

产品横行���览 DIV+CSS 布局代码囄���

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

tabs 界面CSS布局�Q�解�?px囑փ�间隔

PS切片导出为DIV+CSS布局

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

使图层DIV居中

TOM�|�站很漂�?军_��仿照个其首页

[转]CSS 囄��{效果

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

产品横行��览 DIV+CSS 布局代码囄��

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

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