摘要:
一、使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。三.区分大小写 当在XHTML中使用CSS,CSS里定义的元素名称是区分大小写的。为了避免这种错误,我建议所有的定义名称都采用... 阅读全文
摘要:
在css使用图片背景时,很多时候为了节省网页加载时间,把多张小图片合并在一张大图片中,这时候使用图片就要用到图片定位,在网上找了些讲解:1. 关键字, 例如: background-position: top right;优点:直观, 可用性高, 各浏览器中表现一致.缺点:缺少间隔尺寸. 三个垂直的 (top, center, bottom) 和三个水平的 (left, center, right) 只能为你组合出最多 9 个位置. 不存在其他混式的组合. 并且很难像其他两种数值定位方法一样使用算数进行控制.2. 像素, 例如: background-position: 0px 0px;优.. 阅读全文
摘要:
今天因需求做了个css样式,要求一个div中,上下高度固定,中间自适应。 下面见样码:<div id=container> <div id="top">上部固定高度100px</div> <div id="middle">中部自适应高度</div> <div id="bottom">底部固定高度100px</div></div>/* css file */#container{ width: 100%; height: 100%; posi 阅读全文
摘要:
使用缩写可以帮助减少你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 阅读全文