11 2012 档案

摘要:设计稿:外层使用了相对定位,最左侧大标题这块使用绝对定位,分类使用的是dl定义列表加浮动。.clearfix{ *zoom:1;}.clearfix:after{ clear:both; height:0; overflow:hidden; display:block; content:"";}.box{ position:relative; ....}.box .box_tit{ position:absolute; left:-30px; top:-1px; height:86px; width:31px; *zoom:1;}.box dl{ float:left; w 阅读全文
posted @ 2012-11-22 11:52 caijf 阅读(318) 评论(0) 推荐(0)
摘要:问题:其实也不算是bug,应该是写法上不够规范。一般我们的table写法:table{ table-layout:fixed; width:100%;}<table> <tbody> <tr> <th width="88">标题</th> <td>很长的内容。。。</td> </tr> </tbody></table>一般如上不会产生什么问题!下面我们看看,今天碰到的一个问题。如图,div{ display:inline-block;}table{ tab 阅读全文
posted @ 2012-11-21 13:42 caijf 阅读(211) 评论(0) 推荐(0)
摘要:原理CSS Sprites的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中,通过背景图片外加背景图片定位来实现的。(注意是背景图片)CSS Sprites可以减少http的请求数(没整合的图片,每一张都需要请求一次。整合成一张只要请求一次),减少网站的加载时间。应用淘宝的 CSS SpritesHTML:<!--icon 调用这张图,作为一个基类,其他地方要用到这张图的都可以调用这个类; i-btn是需要设置的背景定位及宽高--><a href="javascript:void(0)" class="icon i-btn"& 阅读全文
posted @ 2012-11-08 16:21 caijf 阅读(188) 评论(0) 推荐(0)
摘要:对象(Object)是类的实例。 对象(object)是一件事、一个实体、一个名词,可以获得的东西,可以想象有自己的标识的任何东西。对象是类的实例化。一些对象是活的,一些对象不是。比如这辆汽车、这个人、这间房子、这张桌子、这株植物、这张支票、这件雨衣。 概括来说就是:万物皆对象。属性是对象的“数据”,包括对象的特性、状态等静态信息。方法是对象的“行为”,包括该对象的操作、功能等能动信息。-----------------------分割线-----------------------例如:我的女朋友,她的头发是橘红色的,现在在洗衣服。对象:女朋友(就是对象)属性:头发是橘红色(我女朋友的特征或 阅读全文
posted @ 2012-11-07 11:13 caijf 阅读(460) 评论(0) 推荐(0)
摘要:假如这样书写链接:href="http://www.w3school.com.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3school.com.cn /html/"。 阅读全文
posted @ 2012-11-02 16:56 caijf 阅读(1503) 评论(0) 推荐(0)