摘要：
html:css:效果： 阅读全文
摘要：
相对定位（relative）是“相对于”元素在文档流中的初始位置，而绝对定位是“相对于”距离他最近的以定位的祖先元素，如果不存在以定位的祖先元素，那么相对于初始包含块。都可以 上下左右一定 （top left right bottom）因为绝对定位的诳语文档流无关，所以他可以覆盖页面上的其他元素。可以通过设置z-index属性设置叠放次序，z-index值越高 ，框在栈中的位置就越高。绝对定位在IE6中有个bug，如果要相对于相对定位的框的有变或底部放置绝对定位矿的位置，那么确保相对定位的框已经设置了尺寸。如果没有，那么IE会错误的将画布定位这个框。简单解决办法就是给相对定位的矿设置宽和高，从 阅读全文
摘要：
html代码：css样式： 阅读全文
摘要：
伪 类:link,:visited,:hover,:focus,:active:link和:visted称为链接伪类，只能应用于锚点。:hover,:active,:focuc称为动态伪类，理论上可以应用于任何元素。大多数浏览器都支持这个功能。但IE6只注意应用于锚点的链接:active和:hover选择器，完全忽略:focus。IE7在任何元素上都支持:hover，但是忽略:active和:focus。可以把伪类连接在一起，创建更复杂的行为，如：在已访问和未访问的连接上实现不同的鼠标悬停效果。 a:visited:hover{ color:olive; }通用选择器*高级选择器子选择器和相邻 阅读全文
摘要：
“ 此内容只有IE可见” “ 此内容只有IE 6.0可见” “ ” “ 此内容只有IE 5.1可见” “ 此内容除了IE 5.0之外都可见” “ 此内容IE 5.0以上版本都可见” lt(less than 当前条件的版本以下版本，不包含当前条件的版本)gte(greeter than or equal 当前条件的版本以上版本，并包含当前条件的版本)lte(less than or equal 当前条件的版本以下版本，并包含当前条件的版本) 阅读全文
摘要：
font缩写font:font-style|font-variant|font-weight|font-size|line-height|font-family 如：p{ font:italic normal bold 12px/18px 宋体; }p对象出现斜体大小写默认加粗12px大小18px行高宋体margin/padding缩写margin:top right bottom left; padding:top right bottom left;border缩写border:border-width|border-style|color; border-width:top |right 阅读全文
摘要：
1.增加代码重用率body{ margin: 0px; padding: 0px; }#header{ padding: 10px; background-color: #ffbf00; }#header h1{ font-size: 25px; color: #ffffff; }#nav{ float: left; padding: 10px; background-color: #6a6a58; height: 500px; font-size: 14px; }#nav a{ color: #ffffff; }#content{ background-color: #eeeeee; hei 阅读全文
摘要：
阅读全文
摘要：
一列固定宽度 宽高确定，固定不变一列自适应 即当浏览器扩大或缩小时，其大小还将维持在与当前浏览器大小的相对比例 宽高按百分比取值一列固定宽度居中 margin:0 auto;二列固定宽度 float:left;/float:right;二列宽度自适应 float:left;/float:right;二列右列宽度自适应三列浮动中间列宽度自适应当对象设置为position:absolute;,对象将根据整个页面的位置进行重新定位，当使用此属性时，可以使用top right bottom let即4个方向的距离值，以确定对象的具体位置.绝对定位元素的定位模式不会影响其他元素也不会被其他元素的浮动定位 阅读全文
摘要：
div本质上说实现了表现与内容分离。使用div分两步 ：1、首先使用div将内容标记出来。2、为他在编写我们需要的样式。div可以并列和嵌套，尽量少用嵌套以减少浏览器过分消耗资源对嵌套进行解析。选择符合需要的标签代替div 阅读全文