zerofine的专栏

漏口的四边形：111111111           1                               1             1       1                  1       1    1     1    111111111   怎么使用html+css画出来呢？1.我们设置div的宽和高，还有border,然后设置bord

曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？那么趁此Amfe阿里无线前端团队双11技术连载之际，用一个实战案例来告诉大家，手淘的H5页面是如何实现多终端适配的，希望这篇文章对大家在Mobile的世界

Document        html {    font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/    }    .payment_tips{width: 12rem;display: table;font-size: 1.1rem;height: 3rem;line-height: 1.3rem;border: 1px solid

.triangle{border:10px solid;border-color: #333 transparent transparent transparent;width:0;}

css布局

Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy.Absolute-Center {    margin: auto; 

样式系统从最右边的选择符开始向左进行匹配规则。只要当前选择符的左边还有其他选择符，样式系统就会继续向左移动，直到找到和规则匹配的元素，或者因为不匹配而退出。如果你非常在意页面的性能那千万别使用CSS3选择器。实际上，在所有浏览器中，用 class 和 id 来渲染，比那些使用同胞，后代选择器，子选择器（sibling, descendant and child selectors）对页面性

要在fixed的里面加一层position为absolute的专门用来装元素header,footer {  width: 100%;  height: 50px;}header .fixed,.fixed {  position: fixed;  left: 0;  width: 100%;  height: 50px;}

只需要设置img的background即可 css设置：#detailModel .detailImg{    width: 100%;    border-radius: 5px;    border: 1px solid #c3c3c3;    background:url("../img/load2.gif") no-repeat  cente

其实平时换做不同颜色的两个div设置他们的position,top,left我们就可以看到一个好像在另一个上面一样，但是当div没有设置颜色的时候我们可以看到好像重叠一样，没有发生一个把另一个覆盖了，z-index好像没起啥作用，这是为什么呢？  答案就是：没有设置颜色，估计默认是tranaparent，所以吧就那啥了，所以我们可以给上面的那个设置一个颜色，如果实在不想要颜色的

. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位； 3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。 px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位。相对于当前对象内文本的字体尺寸。如

有时候我们需要根据屏幕的款在，分辨率的不同设置l

因为是png图片，所以在设置为background的时候，有时候跟该div/p/任何 的父类的背景色相差不大的时候，png图片就好像没有加载出来一样，这个时候我们可以给此div/p/任何设置一个背景色能够与父类区别出来设置一个背景图片png格式，该图片是黑白色的，但是由于body背景色设置为黑色，所以那个背景图片的白色就会被掩盖掉，这个时候我们可以给这个div设置一个背景色，比

float:left + 设置ul的宽度 + 设置li的宽度1.其实设置ul的列表本来是一行一行的，当设置li的float为left的时候可以看见成为一行2.比如ul的宽度为200px,为了实现一行2条，我们可以设置li的宽度为75px,由于float为left,二一行又只能放置2个li，所以第三个就被挤下去了。如有不明白可以看360buy_nav文件夹将鼠标移到企业建站时可以

.closeImg{cursor:pointer;position:absolute;right:9px;right:0px\9;bottom:55px;display:none}@media screen and (-webkit-min-device-pixel-ratio:0){.closeImg{right:0px;} }