码迷,mamicode.com
首页 > Web开发 > 详细

css中奇怪的地方

时间:2015-11-12 17:27:35      阅读:298      评论:0      收藏:0      [点我收藏+]

标签:

1.border-color

     继承内部元素前景色(color:black.可能对元素本身没有效果)
2.border-style:none;//不仅样式没了,border-width也变为0
3.margin、padding百分数继承父元素width
4.背景是固定的(fixed),background-attachment:fixed,则都是从窗口左上角开始定位,而不是本身元素
5.clear原理:在块元素上方加一个清除区域,使内容区顶端正好与浮动块底端紧挨,但块元素的margin-top会看上去消失,如果想在浮动元素和clear原素间加一点距离,可给浮动元素加margin-bottom以加大浮动框大小
6.对于绝对定位元素来说,设置宽高不一定必要,会由偏移隐含确定
7绝对定位(从左到右):有auto
     高度/宽度为auto:非替换元素,自适应;替换元素,原有宽/高
     水平看left/right,垂直看top
     若仍有right/bottom为auto,margin为auto的设为0
     margin-top、bottom或margin-left、right仍为auto,将其设置为相等值,居中效果
     剩下一个auto,自适应
8.渐变可用于内容(content)填充,《html5+css3》p439
9.设置渐变背景,-moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1)),url(img/bck.jpg);
 
纯属个人意见,欢迎批评指正

css中奇怪的地方

标签:

原文地址:http://www.cnblogs.com/shytong/p/4959308.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!