DIV+CSS的六点_html/css_WEB-ITnose

初学div+css？有六个问题需要您关注一下！作为div+css初学者，如果在动手写代码之前对网页整体结构由一个清晰认识的话，写起来会事半功倍！但是，写的过程中总是有这样那样的问题，使得我们不得不停下来去查找资料，弄清属性定义等等！
　　其实有很多方法可以在提高我效率的同时让我们对dic+css有更深刻的理解！下面我们列举几点：

一、CSS命名规范：
　　1、文件命名规范
　　全局样式：global.css；
　　框架布局：layout.css；
　　字体样式：font.css；
　　链接样式：link.css；
　　打印样式：print.css；
　　2、常用类/ID命名规范
　　页　眉：header
　　内　容：content
　　容　器：container
　　页　脚：footer
　　版　权：copyright　
　　导　航：menu
　　主导航：mainMenu
　　子导航：subMenu
　　标　志：logo
　　标　语：banner
　　标　题：title
　　侧边栏：sidebar
　　图　标：Icon
　　注　释：note
　　搜　索：search
　　按　钮：btn
　　登　录：login
　　链　接：link
　　信息框：manage
　　……

二、处理浏览器BUG问题
　　关于这点，不知那位高人把CSS BUG变成顺口溜了！在这里引用一下，很容易记住的！
　　1、IE边框若显若无，须注意，定是高度设置已忘记；
　　2、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
　　3、三像素文本慢移不必慌，高度设置帮你忙；
　　4、兼容各个浏览须注意，默认设置行高可能是杀手；
　　5、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
　　6、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。

三、所有标签皆有源
　　只是默认各不同，span是无极，无极生两仪?内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。

四、图片链接排版须小心
　　图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。

立即学习“前端免费学习笔记（深入）”；

造点AI

夸克 · 造点AI

325

查看详情

五、IE浮动双边距
　　请用display：inline。以及artificial flowers manufacturers

六、列表横向排版
　　列表代码须紧靠，空隙自消须铭记。

　　DIC+CSS学习是一条很长的路，真正走下去必须要有一颗虔诚的新心！