2011年06月_L_Vincent

转载 IIS6配置GZIP压缩网页来提升网页浏览速度

网页压缩是一项由 WEB 服务器和浏览器之间共同遵守的协议，也就是说 WEB 服务器和浏览器都必须支持该技术，所幸的是现在流行的浏览器都是支持的，包括 IE、FireFox、Opera 等；服务器有 Apache 和 IIS 等。双方的协商过程如下：首先浏览器请求某个 URL 地址，并在请求的头 (head) 中设置属性 accept-encoding 值为 gzip, deflate

2011-06-30 22:38:00 458

转载超链接伪类

a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #0000FF} /* 选定的链接 */ 以上分别定义了超链接未访问时的链接样式，已访问的链接样式，鼠标移上时链接样式

2011-06-17 11:41:00 1589

转载通过ul列表实现横向图文列表

*{margin:0px;padding:0px;} ul{list-style:none;} img{border:0px;} a{color:#05a;text-decoration:none;} a:hover{color:#f00;} #pic{width:950px;border:solid 1px #ccc;padding:

2011-06-17 09:55:00 4975

转载用图片定义项目符号的方法

原始方法： #layout1 ul{list-style:none;padding-left:15px;} #layout1 ul li{list-style-image:url(images/arrow_r.gif);} 第五天超链接伪类第四天纵向导航菜单

2011-06-17 09:41:00 997

转载理解相对定位和绝对定位

相对定位和绝对定位定位标签：position包含属性：relative（相对） absolute（绝对）1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框）

2011-06-09 22:51:00 452

转载 IE6的3像素bug

3像素bug是IE6的一个著名的bug，当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现。看下面这个左列固定，右列液态的例子，css代码如下：body { margin:0;}#side { float: left; background:#99FF99; height: 300px; width: 120px;}#main { background: #99FFFF; h

2011-06-09 22:40:00 520

转载三列布局

三列自适应宽度三列自适应宽度，一般常用的结构是左列和右列固定，中间列根据浏览器宽度自适应。下面在二列自适应宽度基础上修改一下(注意三个DIV的顺序)此处显示 id "side" 的内容此处显示 id "side1" 的内容此处显示 id "main" 的内容增加以下css样式：#side1 { background: #99FF99; height: 300px; widt

2011-06-09 22:38:00 785

转载 float属性

回到我们的例子当中，理解了块级元素和内联元素，对理解浮动就容易多了。float是个重点，希望大家都能理解。上例中用float让元素向左浮动，在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素；且要指明一个宽度，否则它会尽可能地窄；另外当可供浮动的空间小于浮动元素时，它会跑到下一行，直到拥有足够放下它的空间。想必大家都用过word排过版，当中有个图文

2011-06-09 22:32:00 539

转载块级元素与内联元素

块级元素：就是一个方块，像段落一样，默认占据一行出现；内联元素：又叫行内元素，顾名思义，只能放在行内，就像一个单词，不会造成前后换行，起辅助作用。一般的块级元素诸如段落、标题...、列表, 、表格、表单、DIV和BODY等元素。而内联元素则如: 表单元素、超级链接、图像、 ........ 块级无素的显著特点是：每个块级元素都是从一个新行开始显示，而且其后的无素也需另起一行

2011-06-09 22:21:00 384

转载二列布局

下面以常见的左列固定右列自适应为例，因为div为块状元素，默认情况下占据一行的空间，要想让下面的div跑到右侧，就需要做助css的浮动来实现。首先创建html代码如下：此处显示 id "side" 的内容此处显示 id "main" 的内容创建css样式表，代码如下：#side { background: #99FF99; height: 300px; width: 120px; fl

2011-06-08 23:08:00 394

转载一列布局

一列固定宽度#layout { height: 300px; width: 400px; background: #99FFcc; } 一列固定宽度居中一列固定宽度居中和一列固定宽度相比，我们要解决的问题就是居中。这里我们用到css的外边距属性：margin。在IE6及以上版本和标准的浏览器当中，当设置一个盒模型的的margin:auto;时，可以让这个盒模型居中。我们下边在css

2011-06-08 22:49:00 490

转载第一天　XHTML CSS基础知识

1）文档类型当我们用dreamweaver新建一下html格式文档时，查看源代码，会发现代码最上部有如下这句话：这句话标明本文档是过渡类型，另外还有框架和严格类型，目前一般都采用过渡类型，因为浏览器对XHTML的解析比较宽松，允许使用HTML4.01中的标签，但必须符合XHTML的语法。许多朋友在制作页面时，往往喜欢把这句删除掉，在这里建议大家一定要保留这句话，删除它后可能

2011-06-07 17:28:00 491

L_Vincent的专栏