整体布局:
由外到内,从上到下,从左到右,层次分明
选用标签:
div用的最多(***),整体布局用div,打包多个元素用div,文字段落用p(p_***),a常转为块级标签,一行字多个样式用span,h*自带上下外补白,可设置全局样式消除;
块级元素与行内元素的区别
命名注意:
整体布局时,多考虑按方位命名,其他情况多考虑按内容命名
选用选择器:
多考虑class,其次标签名、id
全局样式:
字体,字号,补白等在最开始就设置好,用*{...}
属性设置:
先设置外层,再设置内层;先考虑基础属性(宽高、文字、边框、背景等),而后外补白(margin)、内补白(padding),再位置;不同元素,特征不同,具体情况具体分析,怎么直观,怎么来,需要什么,写什么
代码优化:
考虑代码的复用
方法和思路因人而异,但总归要有,才不混乱。
更多推荐
div+css网页设计-心得
发布评论