css
bugknightyyp
喜欢开源,喜欢分享,喜欢激情
展开
-
ie6、ie7dom 元素重新渲染
初始:点击“更多以后”:ie6、ie7下出现问题,"芒果推荐"所在的div 没有被撑下来,有底部虚线可知,上一个div确实已经撑开了,但是它的下一个同辈结点怎么没有撑下来,当时,当我鼠标移到“满意度”、“销量”、“价格”这些a标签上时,它就恢复正常了。解决这个点击“更多”不撑开的办法是在它们的父元素上加样式zoom:100%。正常情况:在解决这个问题的过原创 2013-01-23 14:51:58 · 1652 阅读 · 0 评论 -
关于iframe的滚动条,如何去掉水平滚动条或垂直滚动条
关于可以通过设置属性scrolling="no" 去掉iframe的两个滚动条。如何只去掉水平滚动条或垂直滚动条呢,一些网页组件通过设置组件的style属性的overflow-x : hidden或overflow : hidden来去掉水平滚动条或垂直滚动条。但是对iframe不起作用。可以通过下面的方法来去掉:在iframe 所包含的网页中添加html转载 2013-10-31 17:52:55 · 7470 阅读 · 0 评论 -
css属性选择器
属性选择器列表注意点:所有的属性选择器中 value 以数字开头的都无效原创 2013-10-10 14:31:24 · 761 阅读 · 0 评论 -
!important
虽然为了少些hack,所以不提倡使用 !important,但是在某些方面,它的威力还是不容小觑。比如,某个样式始终不想被覆盖,这时候就是!important大显身手的时候。bootstrap就在大量使用,所以它的作用可见一斑。为了兼容ie浏览器,不要将!important控制的属性与重定义的该属性放在同一个选择器内(同一个对大括号内{ })。参考: IE原创 2013-10-24 14:22:59 · 956 阅读 · 0 评论 -
perspective
perspective:表示用户与z=0的水平面之间的距离。0和负值都是无效值。如果z轴坐标的值大于perspective的值,就不会画出来了。使用perspective且值不为0 或 none,就会创建一个新的上下文栈(stacking context)。参考: https://developer.mozilla.org/en-US/docs/W原创 2014-03-31 10:08:19 · 1359 阅读 · 0 评论 -
css布局涉及的知识点
对于不支持css3.0的浏览器,最常使用的是原创 2014-04-17 10:48:45 · 836 阅读 · 0 评论 -
less
学习是个不断深入的过程,记录自己在使用过程中的坑,技巧,心得。当然参考的文章讲解很好的就不用再重复写了,感谢前人的肩膀。书写规范:在普通的less文件里,2个class的公用样式,这样写编译正常:.w100,.w1200{ color: red;}但是在mixins里,这样写就编译通不过(基于version-1.4.2):.test(){ .原创 2013-09-29 18:28:40 · 1740 阅读 · 0 评论 -
stylus
学习是个不断深入的过程,记录自己在使用过程中的坑,技巧,心得,当然参考的文章讲解很好的就不用再重复写了。参考: http://www.w3cplus.com --- 预处器的对比——Sass、LESS和Stylus 鑫空间-鑫生活 --- stylus中文文档原创 2013-09-25 12:40:43 · 864 阅读 · 0 评论 -
Respond.js
原文:https://github.com/scottjehl/Respond/blob/master/README.mdRespond.js 一个快速、轻量的关于 css3 Media Qurery 的媒体特性(min/max-width)的polyfill(什么是polyfill)(用来兼容IE6-8或更多的浏览器) · 2011版权所有:翻译 2013-04-23 19:41:52 · 7165 阅读 · 0 评论 -
white-space
参考: blueidea--IE6,7下实现white-space:pre-wrap转载 2013-10-14 14:09:33 · 692 阅读 · 0 评论 -
Block Formatting Context
BFC是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。所以我们往往利用这个特性来消除浮动元素对其非浮动的兄弟元素和其子元素带来的影响。例子: 1、 一个元素浮动了,其父元素不浮动,那么父元素会塌缩;如果子元素和父元素都浮动,则父元素不会塌缩。演示demo参考: javascript100-原创 2013-10-14 12:52:35 · 816 阅读 · 0 评论 -
垂直居中
鑫空间-鑫生活:使用:after伪类+content 结合inline-block元素实现图片垂直居中原创 2013-10-12 16:06:12 · 745 阅读 · 0 评论 -
使用X-UA-Compatible来设置IE浏览器兼容模式
x-ua-compatible 用来指定IE浏览器解析编译页面的modelx-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使用。1、使用一行代码来指定浏览器使用特定的文档模式。 2、在一些情况下,我们需要限定浏览器对文档的解析到某一特定版本,或者将浏览器转载 2013-05-03 15:41:41 · 4440 阅读 · 0 评论 -
windowl.matchMedia,MediaQueryList
参考: msdn-媒体查询和侦听器 mdn-matchMedia&兼容表 w3ctech-CSS media queries在JavaScript中的应用(一) w3ctech-CSS media queries在JavaScript中的应用(二)原创 2013-09-16 10:39:52 · 941 阅读 · 0 评论 -
media-type,media-query
media type属于css2的规范,用来针对不同的设备,设置不同的样式,让其更符合该设备的渲染习惯,优化输出效果。media query属于css3的规范,用来根据屏幕的大小、方向(横、/竖)、比值(宽/高,eg:16:9)、色值等,控制不同的样式,实现跨平台。二者组合可以提供强大的跨平台、跨设备的解决方案。基本用法: 前端观察注意几点: m原创 2013-09-16 00:01:17 · 1574 阅读 · 0 评论 -
<a>标签伪类书写顺序为什么是lvha
a标签伪类的作用:":link": a标签还未被访问的状态;":visited": a标签已被访问过的状态;":hover": 鼠标悬停在a标签上的状态;":active": a标签被鼠标按着时的状态;写样式时,为毛要按这个顺序写:其实本质还是“同等优先权的样式,写在后边的会覆盖前边”,a标签的伪类只不过是又结合了不同的动作顺序,动作的触发顺序决定了伪类的顺序必原创 2013-09-17 12:57:35 · 2978 阅读 · 0 评论 -
去除inline-block元素间间距的N种方法
http://www.zhangxinxu.com/wordpress/?p=2357转载 2013-10-11 16:42:35 · 757 阅读 · 0 评论 -
设置双核浏览器的浏览模式
360安全浏览器6.5版本可以设置浏览器渲染内核,方法是在头部加元数据 renderer:参考: http://www.css88.com/archives/5385原创 2013-10-11 10:12:20 · 1072 阅读 · 0 评论 -
CSS文字大小单位PX、EM、PT
原文:一周一博存张换算表吧:转载 2013-09-06 14:27:02 · 919 阅读 · 0 评论 -
respond-design
原则:1、我们应该基于设计来选择哪种媒体查询,而不是基于特定的移动设备。调整浏览器大小,找出页面布局发生破坏的临界点,来作为设定media query的依据。 出自:w3cplus--基于设计的媒体查询 其实meida query的设定值 在页面原型时就设计好了。技巧:1、换行;2、将可有可无的内容隐藏;3、利用垂直空间;原创 2013-10-12 09:55:14 · 774 阅读 · 0 评论 -
用CSS美化你的滚动条
原文:http://www.webhek.com/scrollbar转载 2014-12-03 17:42:21 · 986 阅读 · 0 评论