明确CSS书写顺序,提升代码可理解性。通常遵循以下步骤:位置属性,如:position, top, right, z-index, display, float等。大小调整,包括width, height, padding, margin等。文字样式,涉及font, line-height, letter-spacing, color, text-align等。背景设定,如background, border等。其他特效,animat...
一、文本命名规范 index.css:首页样式文件。 head.css:多个页面共享头部样式。 base.css:页面公共样式。 style.css:独立页面专属样式文件。 global.css:页面基础样式,确保全局一致性。 layout.css:布局和版面通用样式。 module.css:产品页面模块样式。 master.css:主要样式表,包含多个常用样式。 ...
CSS 命名规范的核心要点如下:采用连字符分隔法:避免使用驼峰命名法:尽管驼峰命名法在 JavaScript 中常见,但在 CSS 中,应使用连字符来分隔单词,以提高代码的可读性和一致性。引入 BEM 命名规范:结构清晰:BEM 通过区块、元素、修饰符三个元素定义组件的类名,使代码结构更加清晰。命名规则:组件类名...
1. 块 定义:块是功能独立的组件,如网页上的一个独立部分。 命名规则:每个块的名称必须唯一,通常由两个或更多单词组成,单词之间通过短横线连接,如.head表示页面顶部。 特性:块应保持独立,不涉及外部样式,确保其移动或重用时不会影响整体布局。2. 元素 定义:元素是块的组成部分,描述块内部的...
Css的引入一般有两种,link和@import,一般建议使用link引入。这样可以避免考虑@import的语法规则和注意事项,避免产生资源文件下载顺序混乱和http请求过多的烦恼。 四、Css的命名规范(BEM,OOCSS): 什么是BEM:BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。这种巧妙...