css
believe89
hello
展开
-
css不改变子元素透明度
一般情况下,我们可以使用css的opcity属性改变某个元素的透明度,但是其元素下的子元素的透明度也会被改变,即使对子元素重新定义也没有用,例如: style="opacity:0.4; background-image:url(...);"> style="opacity:1.0;"> 显示文字 文字元素的透明度也会是0.4。如果有方法只改转载 2014-11-30 14:21:14 · 512 阅读 · 0 评论 -
CSS 之 position详解
position 有五个值:static、relative、absolute、fixed、inherit。static是默认值。就是按正常的布局流从上到下从左到右布局,平常我们做网页时,没有指定 position,也就表示使用 static。relative没有脱离布局流,此时可以使用 top、right、bottom、left 属性。top 和 bottom 共存转载 2014-11-30 14:40:10 · 489 阅读 · 0 评论 -
多个div水平排列并出现横向滚动条
前几天做了一个静态页面(见http://todo.yajunw.com),要实现多个div水平排列,并且自动出现横向滚动条。本来以为只需父级ul元素的overflow-x:auto;overflow-y:hidden,子级li浮动显示,即可以实现。结果测试发现结果并非想象的那样,浮动的子级li在溢出父级ul后,它会自动向下排列,不会保持水平排列了。(可能是li元素中包含了很多div的缘故吧)原创 2014-11-30 14:48:37 · 16221 阅读 · 0 评论 -
CSS 3 之Media Query
在CSS2中允许使用“media”来指定特定的媒体类型,如屏幕(screen),打印(print),TV, handheld等,其中all表示的是支持所有媒体介质。CSS3中的Media Queries增加了更多的媒体查询,同时可以添加不同的媒体类型的表达式用来检查媒体是否符合某些条件,如果媒体符合相应的条件,那么就会调用对应的样式表。这功能是非常强大的,可以定制不同的分辨率和设备,并在不转载 2014-11-30 14:35:12 · 391 阅读 · 0 评论 -
CSS 之选择器的优先级别
一般而言,选择器越特殊,它的优先级越高。也就是选择器指向的越准确,它的优先级就越高。通常我们用1表示标签名选择器的优先级,用10表示类选择器的优先级,用100标示ID选择器的优先级。 div.test1 .span var 优先级 1+10 +10 +1 sp转载 2014-11-30 14:22:44 · 786 阅读 · 0 评论 -
position:fixed ,锚点定位不准确的问题
解决方案:1. 参照 stackoverflow 的做法,在主体内容前加一个暗锚将锚点进行偏移,并隐藏占位:.target-fix { position: relative; top: -44px; // 偏移值 display: block; height: 0; overflow: hidden;}2. 对于现代浏转载 2014-11-30 14:15:23 · 6641 阅读 · 0 评论 -
关于firefox中一些问题的解决方案
1.div的高度自适应的解决方案嵌套DIV中,父DIV的高度不能根据子DIV自动变化的一种解决方法: 当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。解决方案1:父元素(parent)设置overflow:hidden;解决方案2:在层的最下方产生一个高度为1的空格,可解除这个问题。2.对高度的转载 2014-11-30 14:13:44 · 413 阅读 · 0 评论 -
CSS 之 px 和 em
由于IE无法调整那些使用px作为单位的字体大小,所以采用em作为字体单位还是蛮有优势的。px像素(Pixel)是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。任意浏览器的默认字体都是16px。所有未经调整的浏览器都符合: 1em=16px。那12转载 2014-11-30 14:23:48 · 361 阅读 · 0 评论 -
css 之margin collapsing(外边距叠加)
为了给文档树中的各个元素排版定位(布局),浏览器会根据渲染模型为每个元素生成四个嵌套的矩形框, 分别称作 content box、padding box、border box 和 margin box,它们是不可分割的,并可能会重合, 这就是 CSS 规范中描述的“框模型”(box model)。对于行内元素(例如 span),垂直方向的 margin和padding 不起作用。在某些转载 2014-11-30 14:41:35 · 659 阅读 · 0 评论