摘要:
首先看看w3c中是怎么描述的。 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。默认值是baseline。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。vertical-align 属性设置元素的垂直对齐方式。 很重要的一点就是它是针对行内元素起作用的,如果不是行内元素或者没有设置成display:inline或者display:inline-block的元素就可能出现各种各样的问题,有的生效了,有的却没有生效。这里我举例来说明一下。 代码如下所示:1<!DOCTYPEHTML>2<html&g 阅读全文
摘要:
用CSS开发也很久了。早就打算对我使用的CSS做一个总结,在接下来的一段时间我打算逐个解析下CSS的一些用法。下面是目录:1)vertical-align在不同浏览器的表现2)display:inline-block在在浏览器中的应用3)line-height 在浏览器中的应用以及最佳实践4)overflow:hidden在各个浏览器中的应用5)水平居中&&垂直居中的一些想法6)表单问题总结与最佳实践7)html&& body 标签与滚动条研究 阅读全文
摘要:
上周末翻译了molliza 和google关于高效CSS 的写法的文章,觉得他们的说法有一些共同之处,就是CSS解析引擎是从右到左开始解析的,我们要做的就是减少CSS引擎的解析时间,所以避免一些低效的CSS 选择器去匹配大量元素能够减少页面加载的时间。结合我自己编写CSS的经验,我总结如下:1) CSS 的层级选择器不要超过3个,保持3个以内 bad case: .class1 ul li a{} good case .class a{}2) 尽量少使用标签选择器,但是也是可以使用的,比如写列表(ul li语法)的时候,如果给每个li一个class,那样相反不仅代码难看,而且也无疑的增加了代码 阅读全文