整体布局:

由外到内,从上到下,从左到右,层次分明

选用标签:

div用的最多(***),整体布局用div,打包多个元素用div,文字段落用p(p_***),a常转为块级标签,一行字多个样式用span,h*自带上下外补白,可设置全局样式消除;

块级元素与行内元素的区别

命名注意:

整体布局时,多考虑按方位命名,其他情况多考虑按内容命名

选用选择器:

多考虑class,其次标签名、id

全局样式:

字体,字号,补白等在最开始就设置好,用*{...}

属性设置:

先设置外层,再设置内层;先考虑基础属性(宽高、文字、边框、背景等),而后外补白(margin)、内补白(padding),再位置;不同元素,特征不同,具体情况具体分析,怎么直观,怎么来,需要什么,写什么

代码优化:

考虑代码的复用


方法和思路因人而异,但总归要有,才不混乱。

更多推荐

div+css网页设计-心得