初学DIV+CSS？有六个问题需要关注一下_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了初学DIV+CSS？有六个问题需要关注一下_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1749字，纯文字阅读大概需要3分钟。

内容图文

初学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要设定，虽差微细倒无妨。

五、IE浮动双边距
　　请用display：inline。

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

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

内容总结

以上是互联网集市为您收集整理的初学DIV+CSS？有六个问题需要关注一下_html/css_WEB-ITnose全部内容，希望文章能够帮你解决初学DIV+CSS？有六个问题需要关注一下_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---