Showing posts tagged css

高效CSS

  • 只有在有同等元素时,class命名用带-的全称,其他时候用简写或单词,html体积更小。
  • class能不要就不要,特别是肯定没js交互的地方
  • 有多种状态的元素,通过在最靠外独占父元素上变换classname改变样式
  • 内外层classname不能重
  • 宽高内外间距等,能用less算就用less算,尽量让所有尺寸都能从一两个根源变量处计算出来
  • 有些小地方要两列等高、外容器定宽内元素部分定宽等等,记得用table
  • PS”首选项“,”单位与标尺“里,标尺和文字单位全部设置成像素,”性能“里历史记录状态生成100条以上,面板留”信息“、”图层“、”字符“、”历史记录“
  • 做UI图时,很多UE喜欢用不透明度调颜色,这种在写成页面时很难还原出UE同学本意,最好不使用任何不透明度,连图层样式里的投影等也最好用纯色

地震.css

地震.css

html { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    zoom: 1;
}

EDM

  1. Gmail下,background:url()里的路径会被自动置空
  2. Gmail下,div的height属性会被替换为min-height
  3. Gmail下,所有position相关属性会被删掉
  4. 支持margin

Info on fonts. From Nextday.