摘要：
原文：http://css-tricks.com/all-about-floats/ 这篇文章说的简单易懂 float是CSS中关于定位的属性。 float有4个值：none, left, right, inherit (继承父元素的float属性值） float的姐妹属性：clear clear有4个值：both， none， left, right (也可以说有5个：inherit，但在IE中不支持） 如： 设置清除浮动：#footer { clear: both; } float引起的父元素的折叠问题： 此问题在firefox出现。 我们可以通过清除浮动来解决... 阅读全文
摘要：
outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性设置元素周围的轮廓线。 要始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。 可能的值描述： none 默认。定义无轮廓。 dotted 定义点状的轮廓。 dashed 定义虚线轮廓。 solid 定义实线轮廓。 double 定义双线轮廓。双线的宽度等同于 outline-width 的值。 groove 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。 ridge 定义 ... 阅读全文
摘要：
为什么要字体隐藏？ 通常为了传达更好的视觉效果，我们常用图片替代掉字体。但是为了html语义化，常常要给内容模块加上一些标题来让页面更有意义，在抛开css裸奔的情况下也能很顺利的汲取到页面信息。为此我们需将图片上的字体隐藏。 另外，建站过过程中朋友喜欢把网站名称用H1表示,但从美观考虑，要用logo图片来代替h1，这时需要隐藏h1内的这段文字，但又不能对搜索引擎不友好，否则就失去了定义h1标签的意义。 1）一般来说，偏移掉字体的方式是使用：text-indent:-9999px; （注意：只能用于block，table cells和inline-block） text-indent:-999. 阅读全文