随风的专栏

也许你在做网页的时候发现，发一个区块内的元素被应用了float之后，那么整个box的高度对就不以被浮动对象的高度为标准了。如图中的城市导航内的城市列表中采用了float之后，那个外框的高度并不是内容元素的高度：怎么解决这个问题呢？经发现可以采用overflow来解决！方法是在父元素加上如下代码即可overflow:auto; zoom:1;overflow:auto;是让高度自适应， zoom

在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。具体语法如下：{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#fini

JS+CSS实现的一种交互体验@charset "utf-8";/*元素初始值*/html {background: #FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,ins,hr{margin: 0px;padding: 0px;}p{cursor: text

为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。如果网站没有使用CSS，可以在网页/模板的HTML代码和

问题：一个DIV的最小高度是400PX,当内容高度不足400PX时,其高度设置为400PX, 当内容高度大于400PX, 则按实际高度伸展。IE6和FIREFOX都要有效!答案：.a{height:400px;height:auto;min-height:400px;width:500px;}

css打造鼠标触发效果body {margin: 0;padding: 0;color: #000;font-size: 12px;line-height: 160%;text-align: left;height: 100%;font-family: '宋体',Tahoma ,arial,verdana,sans-serif,'Lucida Grande','Lucida Sans Unicod

纯CSS代码实现翻页dl { position:absolute; width:389px; height:154px; border:10px solid #eee; }dd { margin:0; width:389px; height:154px; overflow:hidden; }img { border:1px solid black }dt { position:absolut

a { float:left; margin:5px 1px 0 1px; width:20px; height:20px; color:#999; font:12px/20px 宋体; text-align:center; text-decoration:none; border:1px solid orange; }a:hover { position:relative; margin:0 -

xmlns="http://www.w3.org/1999/xhtml">CSS+JS控制图片展示效果BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 70% Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #000;

做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。　　一、框架　　页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如Tudou.com，由于布局的需要，还应在“头”的下面还要加个“菜单”。  　　二、布局（以下用#ID表示页面元素）　　#Head和#Foot里的就不说了，具体查看

ol 有序列表………………表现为1……2……3……ul 无序列表，表现为li前面是大圆点而不是123…………很多人容易忽略 dl dt dd的用法dl 内容块dt 内容块的标题dd 内容可以这么写：标题内容1内容2dt 和dd中可以再加入 ol ul li和p理解这些以后，在使用div布局的时候，会方便很多，w3c提供了很多元素辅助布局。

.ellipsis span {    white-space:nowrap;    text-overflow:ellipsis; /* for internet explorer */    overflow:hidden;    width:190px;    display:block; } html>body .ellipsis {    clear:both; } html>body

前言：HTML/XHTML/DHTML并不简单，我想就单说一个meta标签都不见得有谁能完全掌握好（也许很多人根本都不会关心它）。在我刚刚更新了IE到IE9时，发现了一个小现象，就是用IE9打开我做的页面时会出现“Compatibility View”按钮，而访问Google时就没有，这是为什么呢（你会去考虑这个问题吗）？后来多方查找之后才发现了原因，在google的页面源代码里有