摘要:
原文: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. 阅读全文