随笔分类 -  css

摘要：background-position:length | left | center | right length | top | center | bottom;概念：移动的x和y坐标，指的是背景图片相对于容器左上角移动的坐标。向右为x++,向下为y++。为负数时向上/向左移动。其中left:0%,center:50%,right:100%.将百分数换成像素，长度=（容器长度-背景图片长度)*百分比. 阅读全文

摘要：【概念】static:默认取值，位置跟书写的顺序一样。relative:相对位置，参照物是自己本身,当相对运动时,只影响自己的显示位置,且依然占据原先的位置，后边的标签流不会受到影响。absolute:绝对定位，参照物是离本元素最近的一个(有relative或absolute属性)定位的“祖先”，如果没有这个父容器，那默认就是body。fixed:真正的绝对定位，其位置永远相对浏览器位置来计算。而且就算用户滚动页面，元素位置也能相对浏览器保持不变，也就是说永远可以看到，这 个做一些彩单的时候可以用。可惜的是ie还不支持【relative VS absolute】 relative 参照物是.. 阅读全文

摘要：【位置】 就近原则(直接指定>>继承)，就是继承的属性，无论其权重多大，它的优先级都比直接指定要小， 纵使比较双方都是继承的属性，只要两个位置不同，就可依据近者为大的原则。【权重】 权重算法，即 行内样式>>#ID选择器>>.class选择器>>HTML 其中：important=>无穷大，继承=>0，即在非ie的浏览器，使用important修饰的属性其权重 趋向于无穷大，而第一步就近原则中的继承属性，其权重趋向于0.【层叠】 后来居上: 两个权重一样的CSS类，以后者覆盖前者。【解析】 默认值:浏览器默认初始属性不同，且用户无定制 阅读全文

摘要：【Hack原理】 由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。【注意顺序】 color:green; /*ff的属性*/ color:blue\9; /* IE6/7/8的属性 */ color:red\0; /* IE8支持 */ *color:yellow; /*IE6/7的属性*/ _color:black; /* 只ie6支持 */ @media screen and (-webkit-min-device-pixel-ratio:... 阅读全文