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.

clearfix

几次面试都被问到清浮动的问题,我就直接把经典的clearfix和bootstrap里看见的.clearfix()的mixin方法报了出来,但其实我写了这么都页面,从来都不知道清浮动到底有什么用,又不好意思说,问了不少人都没给我讲清楚,今天写页面时才终于明白,原来清浮动是用来防止浮动的子元素导致的父元素塌缩的…

一个div.body后有个div.footer,.body里两个div一float,.body高度就成0了,本来遇到这种问题我一向是一个overflow:hidden解决的,但这次里面子div里有个东西需要跃出父div形成样式,这是才发现原来清浮动就可以防止塌缩..