CSS与DIV布局基础入门与命名规范详解

本文档主要介绍了DIV和CSS在网页布局中的基础知识，以及CSS的命名规范和书写规范。首先，对于CSS文件命名，作者建议遵循一定的规则，如将全局样式放在global.css，框架布局用layout.css，字体样式存于font.css，链接样式为link.css，而打印样式则用print.css。这些命名有助于保持代码组织有序，便于维护。 在类/ID命名方面，作者提供了一系列常用的元素名称，如页眉(header)，内容(content)，容器(container)，页脚<footer>等，以及一些特定功能的类名，如版权(copyright)，导航(menu)，主导航(mainMenu)，子导航(subMenu)，标志/logo等。这些命名原则强调了清晰性和可读性，有助于开发者理解和复用代码。 在CSS书写规范上，文档提到应使用XHTML1.0的三种DOCTYPE声明：过渡性(transitional)，严格(strict)，以及专门为框架设计的(frameset)。过渡性DOCTYPE允许在一定程度上保留HTML4.01的兼容性，而严格模式则要求完全遵循XHTML标准，不支持表现层标识。CSS的书写应该注重语义化和结构清晰，避免使用过时的HTML属性，并且推荐使用类选择器而非ID选择器，以保持代码的灵活性和可维护性。 此外，文章还提到了一些常见的类名，如搜索框(searchInput)，搜索图标(searchIcon)，搜索按钮(searchBtn)等，以及其他如标题(title)，侧边栏(sidebar)，图标(Icons)，注释(note)，按钮(btn)，登录(login)，链接(link)，信息框(manage)等，这些命名都有助于开发者快速定位和理解元素的用途。 本文是为CSS初学者设计的，旨在帮助他们掌握基础的HTML结构和CSS命名与书写规则，以提升网页布局的效率和代码的可读性。读者可以根据文章提供的指南，结合实际项目进行学习和实践，同时鼓励大家提出反馈和分享更多经验。