
CSS
文章平均质量分 76
CrazyGreenMan
这个作者很懒,什么都没留下…
展开
-
z-index详解
概念z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较1. 对于同级元素,默认(或position:static)情况下文档流后面的元素会覆盖前面的。2. 对于同级元素,position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素,即z-转载 2015-11-04 16:53:33 · 317 阅读 · 0 评论 -
浏览器兼容处理
兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题:转载 2015-11-26 15:54:38 · 273 阅读 · 0 评论 -
常见CSS浏览器兼容性问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧1.div的垂直居中问题 vertical-align:middle; 将转载 2015-11-26 15:43:28 · 343 阅读 · 0 评论 -
史上最全的CSS hack方式一览
做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况。今天,结合自己的经转载 2015-12-10 20:32:31 · 312 阅读 · 0 评论 -
移动端web开发技巧
移动端web开发技巧这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。META相关1. 添加到主屏后的标题(IOS)name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式(IOS)当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转载 2015-11-22 17:17:05 · 542 阅读 · 0 评论 -
更改css默认样式
html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block }/*以上列表元素默认状态下以块状显示,未显示的将以内联元素显示,该列表转载 2015-11-21 13:45:42 · 303 阅读 · 0 评论 -
瀑布流
瀑布流布局——JS+绝对定位绝对定位方式的瀑布流布局:一、布局1、包围块框的容器:div id="main"> ... ...div>2、一个块框:div class="pin"> div class="box"> img src="./images/g (1).jpg"/> div>div>3转载 2015-11-06 17:11:06 · 258 阅读 · 0 评论 -
border-radius属性详解
这个borde-radius属性其实也是一个简写值,它分别是 border-top-left-radius(左上圆角半径), border-top-right-radius(右上圆角半径), border-bottom-right-radius (右下圆角半径),border-bottom-left-radius(左下圆角半径),如下图所示:说到半径,我突然想起来了以前数学中学过关于圆跟半转载 2015-11-04 17:26:40 · 2245 阅读 · 0 评论 -
css层叠样式详解
基本上层叠的意思就是“继承”、“权重”、“覆盖”,通过良好的层级命名更好的实现效果,更少的代码,更多的功能,下面为大家详细介绍下,感兴趣的朋友不要错过 解答一:层叠指的是样式的优先级,当产生冲突时以优先级高的为准。1. 开发者样式>读者样式>浏览器样式(除非使用!important标记 )2. id选择符>(伪)类选择符>元素选择符3. 权重相同时取后面定义的样式转载 2015-11-26 15:35:14 · 478 阅读 · 0 评论