css
文章平均质量分 53
孃口三三
这个作者很懒,什么都没留下…
展开
-
css hack的几种方式
css hack的几种方式:基于浏览器解析错误的过滤器:IE for Mac带通过滤器 (利用css注释中的转义bug) /*\*//*/ @import "ie5mac.css"; /**/IE5 for Mac会错误地转义第二个星号,导致应用了@import规则 其他所有浏览器会正确的忽视转义元素,(因为它被放在注释中)原创 2017-03-21 15:52:46 · 23956 阅读 · 0 评论 -
应用background-position实现css视差效果
我们知道background-position的取值可以是关键字、像素或百分比等,但不可以将像素或百分比等单位与关键字混合使用,这样可能会导致css失效。尤其要说的一点是,如果应用百分比的话,background-position: 0, 20%; ,这个20%是图片上距离左上角的20%的点,定位到父元素上距离左上角20%的位置。 正是因为这个特性,我们才可以做一些特别的效果。比如说一有一个个网站原创 2017-02-02 20:53:31 · 1030 阅读 · 0 评论 -
用大盒子套更大的盒子解决问题
在解决问题的时候可能会有这样的情况:一个大盒子里面放很多小盒子,这些小盒子大小相同,一排可以放好几个小盒子,但又不能刚刚好放下。比如说京东的项目: 仔细看我们会发现每一排最后一个小盒子都比前面的窄一些,最下面一排的盒子都比上面的短一些,但我们又不可能为这些盒子单独设置样式,这样麻烦也不利于维护,所以我们只好为小盒子设置统一样式。 最原始的情况类似于下面这种情况。 但怎么使多出来的小盒子原创 2017-02-02 19:10:18 · 2795 阅读 · 0 评论 -
css中的层级问题
css中的层级问题在css中,涉及到定位、浮动、z-index的层级问题时很容易让人云里雾里。本来我以为想让谁的层级更高就直接给它设置z-index就好了。可是这次做京东项目时,我设置的却不起作用。 情况类似于这样: <div class="d1"> <div class="d2"></div> </div> <div class="d3"></div>d1的原创 2017-01-27 00:24:57 · 1236 阅读 · 0 评论 -
float浮动的特性以及清除浮动
标准流: 标准流是浏览器在解析标签时默认遵守的规则,也叫做文档流。 * 一般情况下(不浮动时),所有的标签都是标准流,而浮动是一种脱离了标准流的技术。 浮动的特性: 1.浮动后的元素会在排序的时候以上对齐。 2.浮动对标准流有影响,浮动后的元素会覆盖在标准流元素的上面。 3.浮动的规则:浮动原创 2017-01-15 23:18:27 · 803 阅读 · 0 评论 -
css选择器的优先级比较
css原创 2017-01-14 22:50:09 · 489 阅读 · 0 评论