随笔分类 - css
摘要：盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conte...
阅读全文
摘要：弹出层透明背景加框的常用样式和结构.alertMessageBg{ position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; background:#000; ...
阅读全文
摘要：var bgWidth = document.body.clientWidth + 'px', bgHeight = document.body.clientHeight + 'px', alertBgNode = $('.alertMessage...
阅读全文
摘要：ie7下绝对定位元素即使z-index值很高，如果其设置相对定位的父元素没有设置z-index值的话，其可能（这种可能性当然是布局存在遮盖的时候）会被后面设置了相对定位的元素遮挡（即使后面的相对定位的元素没有设置z-index值）； 如果上下这两个div存在互相遮盖的情况，那么下面的div会遮盖住...
阅读全文
摘要：一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行
阅读全文
摘要：http://www.zhangxinxu.com/wordpress/?p=813http://blog.csdn.net/ddcatlee/article/details/2724127http://www.blueidea.com/tech/web/2008/5892.asp
阅读全文
摘要：本文转自：http://www.wufangbo.com/ie6-ie7-display-inline-block/通常我们想让内联元素为行块布局显示，有2种方法，最常见的是方法是.selector {display:block;float:left;……}，第二种方法是.selector {dis...
阅读全文
摘要：前端学习路线转自http://www.douban.com/note/330647290/前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：HTML是内容层，它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层，它的目的是表示一块内容以什么...
阅读全文
摘要：http://weibo.com/login.php
阅读全文
摘要：overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;
阅读全文
摘要：article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
阅读全文
摘要：google的实现方式是： 图片可以作为a标签的背景或者嵌套子a标签里面，为a标签设置绝对定位，右面搜索框为正常块，为右面的搜索框设置margin-left即可具体如下，也可直接去看google搜索页.mw{ max-width:100%;}@media only screen and (...
阅读全文
摘要：http://www.jb51.net/css/68785.htmlinline-block元素的4px空白间距解决方案
阅读全文
摘要：kkkkkkkkkbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
阅读全文
摘要：一、各种元素的width height margin padding 特性（具体css元素的分来参看二）1.块级元素width、 height、 margin的四个方向、 padding的四个方向都正常显示，遵循标准的css盒模型。例如：div2.行内替换元素width、 height、 margi...
阅读全文
摘要：参考：http://itindex.net/detail/40705-css-%E5%B8%83%E5%B1%80css三列布局两个很好的方法解决这个问题： 1：css2传统方法，让第一个盒子左浮动，第二个盒子右浮动，且都设置好固定宽度，中间第三个盒子只设置一下高度，不要设置宽度或者设置宽度为aut...
阅读全文
摘要：1. ie6不认识这样连续写的类选择.class1.class2{ }2. ie6 下不解析 css input[type="text"] 等等类别的选择
阅读全文
摘要：摘自：http://blog.chinaunix.net/uid/20714478/cid-74195-list-1.htmlYahoo网站性能优化的34条规则1、尽量减少HTTP请求次数 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文件中来减少H
阅读全文
摘要：摘自： http://www.admin5.net/thread-5110744-1-1.html1. 重复的HTTP请求数量应尽量减少（1） 减少调用其他页面、文件的数量（2）将需要频繁加载的多个图片合成为1个单独的图片，加载时采用：background:url(....) no-repeat x-offset y-offset的形式加载，图片加载的HTTP请求缩减为1个。即，css sprite (http://baike.baidu.com/view/2173476.htm) 不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。利用CSS Sprites能很好地
阅读全文
摘要：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
阅读全文
浙公网安备 33010602011771号