摘要：
对于字符串，可以通过 white-space:no-wrap 来控制，溢出父元素时，不换行，但是对于块级元素，并没有这样的属性，如图：CSS： .par { width: 200px; height: 100px; background: pink; } .child { display: inline-block; ... 阅读全文
摘要：
同一:absolute-float 都脱离了文档流,也就是默认情况下,父盒子计算高度不包括 absolute/float 的元素 下例: 两个 parentDiv,背景色:深海蓝;边框:1px红色实线;父盒子里面各包含一个 sonDiv ; 第一个 sonDiv 绝对定位,第二个 sonDiv 浮动 阅读全文
摘要：
做页面的时候，看到一个地方要求 font-size:8px ，测试了下，浏览器果然不支持，^_^，然后就想怎么办，理所当然的掉进了 -webkit-text-size-adjust:none; 的坑，但是自己试试明明没有效果啊？- - 经人一点播，才想起，可以用 css3-transform:sca 阅读全文
摘要：
border-radius 想必大家都有所了解，比较常见的用法就像下面一样： 注意左边的盒子 border-radius: 100px; 右边的为0哦，所以右边的实际上没有设置圆角边框属性；咱们比较下： 看大家大概都能看懂，不过我就想弄清楚个原理，不然觉得记不住，而且很不爽，而且这个样式细究起来有8 阅读全文
摘要：
在实现文字与图片垂直对齐的时候，发现了vertical-align的值也是很纷繁复杂，博客讲解各种不懂，最终还是找了CSS权威指南-中文第三版，看了前6章，终于弄明白了，如果你也有不懂的地方，请去看书，我这里不精简，内容还是相当多的，这里仅仅是书本上的一个总结和引申，如果想弄懂这个属性的话，还是建议 阅读全文
摘要：
css伪类中的表现类似于事件冒泡的，举个例子，当你滑过一个元素时，他会认为你也滑过了该元素的父元素，即使该元素看起来并没有包含在父元素里面，此处以:hover例子：效果图：滑过前：滑过后：CSS:* { margin:0; padding: 0;} body { padding:100px;}.par { width: 100px; height: 100px;... 阅读全文
摘要：
用 input 和 button 时出现了几个奇怪的现象，先放几个 input 和 buttonCSS:* { margin:0; padding:0;}input,button { width: 100px; height: 50px; text-align: center; }HTML: butt... 阅读全文
摘要：
伪元素可以做得事情是非常多的，详情大家可以参考这里 大放异彩的伪元素——可以做什么？ 本篇主要讲两个伪元素:before和:after的几个要点： 1、:before和:after是加在元素的里面，也就是在元素里的最前面和最后面加一个伪元素，看图： 代码： HTML: 2、伪元素必须要设置conte 阅读全文
摘要：
对 text-align:justify 不大了解的，可以先看这里：从css text-align:justify 谈谈 text-align 文本对齐方式，讲的比较浅显易懂，本篇相对深入些，最好先看前面的 写代码的时候遇到这样一个设计图： 文字格式是两端对齐，首先想到的是用 letter-spac 阅读全文