css外框命名 |css3选择器手册

.header {
/* 头部样式 */
}
.nav {
/* 导航样式 */
}
.content {
/* 内容样式 */
}
.sidebar {
/* 侧边栏样式 */
}
.footer {
/* 底部样式 */
}

上面给出的代码就是一个典型的CSS外框命名示例，类名分别指代了不同的页面元素。这样做的好处在于，大家可以更清晰地将网页划分成几个部分，通过类名的方式实现统一的样式定义。

当然，这只是起步阶段，大家还可以将类名进一步细分，比如说：

.nav-menu {
/* 导航菜单样式 */
}
.sidebar-list {
/* 侧边栏列表样式 */
}

这样一来，大家就能更加精确地描述元素的外观，同时也能防止命名冲突的发生。相信随着经验的积累，大家对CSS外框命名的理解和应用也会越来越深入。