初学DIV+CSS？有六个问题需要关注一下_html/css_WEB-ITnose
程序员文章站
2022-04-08 09:26:10
...
初学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学习是一条很长的路，真正走下去必须要有一颗虔诚的新心！
其实有很多方法可以在提高我效率的同时让我们对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学习是一条很长的路，真正走下去必须要有一颗虔诚的新心！