一些div + css

1. 布局时分清是哪一板块,我刚布局时从不看整体,所以当设计图有变动的时候,比如下调某一板块,动的地方就比较多,坑到自己了;所以一定要用一个标签包裹,div或者语义化标签;如果不能判断哪一块是整体,可以看参考设计图,设计师的改动也是基于某一个图层修改,我们就可以把这个图层当做最外层的一个div;

2.css选择器解析规则是从右到左,这个是众所周知;但是还是控制不住自己这么写(尤其是scss)

.container  p{

}

这样会增加浏览器一些额外的消耗,所以可以准备下载一个有道之类的,设置好类名比较好;

tip: 1)不要因为设置元素的样式而为元素起样式的类名,比如 某一段话是红色,类名就叫red,这样难以维护;红色的可以叫warning;不过如果是中大型项目,可以定义一个 lighter {font-weight:300 !important;},如果有元素需要细体,就可以直接用这个类名

     2)不要因为优先级而给元素id名,id是唯一的,需要是唯一的元素

3.web页面的展示步骤如下:

JavaScript(视觉变化,比如添加DOM) -->  style(对每个DOM匹配样式) --> layout(DOM在屏幕显示的位置) -->  paint(填充像素) --> composite(渲染层合并)

转载于:https://www.cnblogs.com/laofugui/p/8012294.html