css创建时命名规则 |html与css实战开发教程

/* 示例代码 */
/* 命名规则：*/
/* 1. 命名应该有意义，能够表达出对应的样式作用 (如：.header、.nav、.logo等) */
/* 2. 命名应该使用小写字母和短横线，不要使用下划线或驼峰命名法 */
/* 3. 命名应该足够简洁，不要使用过于复杂的命名 */
/* 4. 命名要尽量规范化，在同一项目中使用相同的命名规则 */
.header {
background-color: #333;
color: #fff;
font-size: 24px;
padding: 20px;
}
.nav {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff;
height: 60px;
padding: 0 20px;
}
.logo {
font-weight: bold;
font-size: 28px;
}

在上述代码中，大家遵循了基本的命名规则。例如，.header表示头部，.nav表示导航，.logo表示公司logo。大家使用了小写字母和短横线的命名方式，并让命名尽可能简洁和易于理解。

需要注意的是，在同一项目中，应该尽量使用相同的命名规则，以减少命名混乱和难以理解的情况。同时，在项目中也应该建立好统一的命名规则，方便维护和开发。