首页 CSS PHP

随笔分类 -  CSS学习笔记

不要盲目的在项目中使用LESS CSS[转]
摘要:如果你还不知道LESS CSS是什么东西,可以看一下这篇文章,是我一朋友写给新人看的《CSS——LESS》 不可否认,LESS CSS是个强大的工具,它弥补了css没有变量、无法运算等一些“先天缺陷”,但它似乎给我一种错觉,就是为了功能而实现功能。 比如它的引用功能.rounded_corners{-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}#header{.rounded_corners;}#footer{.rounded_corners;} 最终编译后会生成如下代码.rounded_... 阅读全文

posted @ 2012-02-05 16:01 烟雨一点尘 阅读(393) 评论(0) 推荐(0) 编辑

CSS笔记(overflow:hidden失效)
摘要:今天写css遇见一个问题,css的overflow:hidden在ie6下失效,完全没有隐藏。网上找了一下,csdn和iteye上有人说,设置一下width和height就ok了,我忙活半天没好事,后来又见一兄台说设置一下position,果然好使了。具体如下:在<div style=”width: 960px; height: 600px; overflow: hidden; ……后面加上position: relative变成<div style=”width: 960px; height: 600px; overflow: hidden;position: relative; 阅读全文

posted @ 2012-02-05 15:36 烟雨一点尘 阅读(286) 评论(0) 推荐(0) 编辑

CSS笔记(IE8下relative异常出现滚动条)
摘要:新做了个主题,在IE8下测试,意外的发现网页多了一条滚动条,甚为不美观!几经查找,发现问题处在position:relative;疑惑之余,温习定位,多番测试,最后终于在谷老师的帮助下,发现了问题,一个父级position:relative;子级position:absolute;的样式焦点轮播的时候在IE8下居然是错位的。IE8居然不认父级的相对定位,直接就是在屏幕上显示绝对定位。而meta有个X-UA-Compatible属性,X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,值为content=”IE=7″,意思是强制 Windows Inter 阅读全文

posted @ 2012-02-05 15:34 烟雨一点尘 阅读(429) 评论(0) 推荐(0) 编辑

IE6的height小BUG
摘要:写CSS的时候,偶然发现一个问题。设置<div>标签的height属性时候,如果height值过小,那么在IE6下,div显示的是默认高度(初步测量,19像素)。也就是说,如果设置的height小于19像素,在IE6里,都会是呈现出19像素的高度。百度知道竟然不知道,最后看到一个设置line-height的文章,颇受启发,原来一句就可以搞定。overflow:hidden;然后,世界继续安宁,一片祥和…. 阅读全文

posted @ 2011-10-14 22:46 烟雨一点尘 阅读(124) 评论(0) 推荐(1) 编辑

导航