易截截图软件、单文件、免安装、纯绿色、仅160KB

牛人也得看的15个CSS常识

      1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。 
  2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。 
  3、慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。 
  4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写,这才知道,原来不是推荐的写法,为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣,有待仔细考证。 
  5、样式放头上,脚本放脚下。不内嵌,只外链。 
  6、坚决不用 CSS 表达式。 
  7、使用 引用样式表,而不是通过 @import 导入。 
  8、一般来说,PNG 比 GIF 要小,小得多。再者,GIF 中有多少颜色是被浪费的,很值得优化。 
  9、千万不要在 HTML 中缩放图片,一者不好看,二者占资源。 
  10、正文字体最好用偶数,12px、14px、16px,效果非常好。特例,15px。 
  11、block、ul、ol 等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。 
  12、段落之间,至少要有一倍行距。 
  13、强行指定某些元素的 line-height,正文 1.6 倍于文字大小,标题 1.3 倍。 
  14、中文标点用全角。英文夹杂在中文中,左右空格,半角。 
  15、中文字体的粗体和斜体,远离较好,利民利己。


相关文档:

网页滚动条CSS样式

滚动条样式主要涉及到如下CSS属性:
overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容
overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条
width: 568px; width: 98%; 设置区域的 ......

CSS的hack解决积累

一年里遇到的css问题总结一下:
到现在发现用hack越多证明你的水平越差,目前写的代码几乎没有用到这些解决方法了。但是话说回来只有遇到问题并且解决才能最终达到预防。直到所有的都遇到了你也就是高手了!
应用最多的本人感觉就是:height:1%;overflow:hidden;//解决float等问题
 1、高度自适应问题:
完美解决 ......

最全的CSS浏览器兼容问题

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. 
CSS技巧
1.div的垂直居中问题 vertical-align:middle; ......

CSS浏览器兼容问题大全

  1、firefox下父容器的高度自适应
  height:100%; overflow:auto;
  2、IE6的双倍边距BUG
  display:inline
  3、超链接访问过后hover样式不出现的问题
  改变CSS属性的排列顺序: L-V-H-A
  4.FF下使连续长字段自动换行
  IE中直接使用word-wrap:break-word
  FF中我们使用JS插入的方法来解决 ......

网页制作知识:div+css 面试题目


1.超链接访问过后hover样式就不出现的问题?
被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A
2.IE6的双倍边距BUG
例如:
<style type="text/css">
    body {margin:0}
    div { float:left; margin-left:10px; width:200px; ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号