05 2012 档案
摘要：無聊寫的小功能：Html: 1 <div class="banner_pic"> 2 <div class="pic"> 3 <ul> 4 <li class="now"><a href=""><img src="img/01.jpg" alt="" /></a></li> 5 <li><a href=""><img src=&qu
阅读全文
摘要：background-color:blue; 所有浏览器，给firefox；background-color:red\9; \9所有的ie浏览器background-color:yellow\0; IE8,operoa*background-color:black; * ie6,ie7+background-color:pink; + ie7_background-color:orange; _ 神奇的ie6；:root #test { background-color:purple\9; } :root ie9@m...
阅读全文
摘要：一、定义 css中有一个float属性，他的属性值： none : 默认属性，未定义float时，即为none，也就是标准流通常的情况 left : 左浮动，元素会向其父级的左侧靠紧，同时，元素本身的宽度不再伸展，而根据元素内部的内容的宽度来确定 right : 右浮动，元素会身其父级的右侧靠紧，同时，跟左浮动一样，元素本身的宽度不再伸展，而根据元素内部的内容的宽度来确定二、通过实例看原理 首先，我先了写这样一段代码，用来作为实验用： css:1 .wrap{border:1px solid #f00; padding:5px;}2 .box-1{border:2px ...
阅读全文
摘要：一、在给元素设置背景时 IE作用域：content + padding Firefox作用域：content + padding + border二、border border-color : red green; 上下为红色，左右为绿色 border-width : 1px 2px 3px; 上边宽为1px，左右边宽为2px，下边宽为3px border-style : dotted dashed solid double; 上右下左的边线分别为：点线、虚线、实线、双线三、margin 1、若有两个上下排列的块级元素，分别为第一个块级元素设置 margin-bottom ，...
阅读全文
摘要：实现三列布居结构代码: 1 <!DOCTYPE HTML> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 body{padding:0; margin:0; } 8 .header{ background:#666; height:50px; line-height:50px; } 9 .wrap{ padding:0 300px 0 200px; ov
阅读全文
摘要：此文摘自：http://blog.sina.com.cn/hututuzhu前端之路 （博客）1、IE6/7不识别inline-block，只是触发了layout，表现跟真实一样。2、IE6/7不完全支持inline-block，只对内联元素有效。IE下块元素如何实现display:inline-block的效果？有两种方法：1、先使用display:inline-block属性触发块元素，然后再定义display:inline，让块元素呈递为内联对象（两个display要先后放在两个CSS声明中才有效果，这是IE的一个经典bug，如果先定义了display:inline-block，然后再将
阅读全文