摘要:
圣杯布局和双飞翼布局基本上是一致的,都是两边固定宽度,中间自适应的三栏布局,其中,中间栏放到文档流前面,保证先行渲染。解决方案大体相同,都是三栏全部float:left浮动,区别在于解决中间栏div的内容不被遮挡上,圣杯布局是中间栏在添加相对定位,并配合left和right属性,效果上表现为三栏是单 阅读全文
摘要:
看到一些布局中一边固定宽度,另一边自适应屏幕的问题。总结了两种方法,一种是绝对定位,一种是浮动。 1、绝对定位方法 2、浮动方法 一定要注意DOM的顺序。 阅读全文
摘要:
好多人伪类和伪元素分清楚,其实就是一句话,“伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到”。 CSS中伪类包括: :first-child :lang :active :focus :hover :link :visited CSS中伪元素包括: :f 阅读全文
摘要:
笔试题中经常遇到用CSS实现某个Div边框添加三角形问题,掌握一点,合理利用div的边框,当div有宽有高时,边框就是不起眼的边框,当div的宽高为0时,边框就是一个小方块,把剩下的三个边透明就是神奇的三角形了。 然后就是考察CSS的:before和:after伪元素,此类问题一般分为两种类型,即实 阅读全文