5. 在命名class时,可以根据元素的用途或功能来添加前缀,以避免与其他元素的class冲突。例如,使用`.sidebar-`作为侧边栏相关元素的前缀。 6. 避免使用纯数字或纯字母的class命名,以防止与其他命名规则冲突。 7. 在命名class时,可以使用BEM(Block Element Modifier)方法来表示元素的层次关系和状态。例如,`.block`表示...
比如:style.css,#header这两个就是具有不同css文件名的class。 除了以上三种常用的命名规则外,还有一些其他的命名规则,比如: class可以重复,但id不能重复。 类名和id名必须符合驼峰命名法(即名词加后缀),即首字母必须大写,名词必须加下划线或点号。 在选择器中,类名优先于id名,id名优先于属性选择器,属性选择器...
BEM(Block Element Modifier) 是一种命名CSS class的模式,使用这种模式可以让 CSS 代码更加利于维护。标准的 BEM 写法是.block-name__element-name--modifier-name。 Block 页面上逻辑和功能独立的,可复用的组件,可以嵌套并相互交互,但在语义上它们保持平等,可以存在页面上不同的位置或不同项目中,保持样式不变。
这里的site-search--full其实犯了我们开始说的错误:用视觉效果来给类命名,这里应该使用媒体查询而不是用一个类来让搜索栏占满宽度。这个例子仅用来学习使用BEM。 什么时候不必使用BEM 有一些样式是在任何组件中都通用的: .caps{text-transform:uppercase;}// 字母大写显示 有一些元素只是碰巧在这个组件中,与这个...
通过统一的命名规范定义命名的范围,成为CSS class & id命名空间。 布局: 以语义化的单词layout作为命名空间,例如主栏布局命名 layout-main,只改变layout-命名空间后面的命名,layout始终保留。布局的命名空间为layout-xxx。 模块:页面是由一个或多个模块组成,模块的英文单词是module,规范简写成mod,如新闻模块mod-news...
HTML,CSS的class与id命名规则 最重要的部分先说(命名书写格式) 常见的格式有:连接符(search-btn)、下划线、全小(searchbox)、小驼峰(searchBox)。 现在用得多广泛的还是第一种使用连接符,易读、书写方便。 在这里小编推荐大家id使用下划线_来进行连接,class用中划线-来进行连接...
CSS样式规范 一般团队都有对CSS样式的规范,因为只有写的规范些,维护层本低,易懂。我们开发并不一次性的,往往都是要迭代的,如果这次随便写,下次迭代的时候将付出高昂的代价。而团队的规范一般都大同小异,往往都包含一下内容: 1、class命名及使用 (1)、命名尽量简洁有意义,比如大盒子一般命名为‘container’,而...
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIVCSS命名规则CSS命名大全内容如下: 页头:header如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNa...