代码改变世界

负值之美:负值在页面布局中的应用

2012-09-01 20:01 by JailBreak02, 227 阅读, 0 推荐, 收藏, 编辑
摘要:负值之美:负值在页面布局中的应用Posted on2010/10/04负数给人总是一种消极、否定、拒绝之感,不过生活中看到负数也会有惊喜之感,那就是看到银行给你邮寄的信用卡账单,本月的应付账款为负值时,且负值越大越好。好了,闲言碎语莫要讲,今天就表一表负值在页面布局中的应用。1.负边距+定位:水平垂直居中使用绝对定位将content的定点定位到body的中心,然后使用负margin(content宽高的一半),将content的中心拉回到body的中心,已到达水平垂直居中的效果。.content{ width:550px; height:400px; position:absolute; to 阅读全文

CSS优先级问题

2012-08-05 11:41 by JailBreak02, 183 阅读, 0 推荐, 收藏, 编辑
摘要:CSS优先级包含四个级别(文内选择符,ID选择符,Class选择符,元素选择符)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。CSS优先级的计算规则如下:* 页面中定义的样式,加1,0,0,0* 每个ID选择符(如 #id),加0,1,0,0* 每个Class选择符(如 .class)、每个属性选择符(如 [attribute=])、每个伪类(如 :hover)加0,0,1,0* 每个元素选择符(如p)或伪元素选择符(如 :firstchild)等,加0,0,0,1然后,将这四个数字分别累加,就得到每个CSS定义的优先级的值,然后从左到右逐位比较大小,数字大的CSS样式 阅读全文

常用CSS缩写语法总结

2012-08-04 14:29 by JailBreak02, 111 阅读, 0 推荐, 收藏, 编辑
摘要:使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1;property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3 阅读全文