本文将介绍一些常见的CSS类名命名规则。 一、使用语义化的类名 语义化的类名可以让开发者更好地理解代码的含义,减少歧义和误解。我们应该尽量使用能够准确描述元素或组件功能的类名。例如,如果我们要设置一个导航栏的样式,可以使用类名"nav"或"navbar",而不是"header"或"top"。 二、使用有意义的单词或缩写 类...
以数字开头,后面跟随一个下划线(_)或点号(.),再后面跟随一个css文件名,偶数分号前面必须加上关键字 first-。 比如:style.css,#header这两个就是具有不同css文件名的class。 除了以上三种常用的命名规则外,还有一些其他的命名规则,比如: class可以重复,但id不能重复。 类名和id名必须符合驼峰命名法(即名词加后...
1）class是设置标签的类，用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名，在html页面里则以class=css5来选择调用，命名好的CSS又叫css选择器。通常我们在CSS样式定义的时候以“#”来开头命名id名称如：#css5{属性：属性值；}这个也有点像class的定义，只是class是以小写句...
比如margin:20px10px5px10px;,左右值是一样的,就应该省略掉***一个值,写成margin:20px10px5px;这样到时候要改左右间距,改一个就好,免得改漏了。其实这个问题虽然很细小,但是可以看得出对margin四个值省略规则的熟练程度。 四、按标准写css,再针对特定浏览器作hack。 比如,通常我们会遇到如下的写法: .side_...
1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词. 主要的 master.css 模块module.css 基本共用 base.css 布局,版面 layout.css 主题themes.css 专栏columns.css 文字font.css 表单forms.css 补丁mend.css 打印print.css...
CSS类名命名规则 CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download...
制定简单规则: 以中划线连接,如.item-img 使用两个中划线表示特殊化,如.item-img.item-img--small表示在.item-img的基础上特殊化 状态类直接使用单词,参考上面的关键词,如.active, .checked 图标以icon-为前缀(字体图标采用.icon-font.i-name方式命名)。
Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说,在命名重新定义XHTML标记(tags)的CSS selectors时,必须保证其与预定义的标记准确匹配,但就类以及id选择器名称而言,则仁者见仁,智者见智。然而随心所欲的为这些类以及id命名则并不是个好的习惯。
1、设置一个css类,命名为”themeCls”,用于在javascript操作时给元素添加clsss。”themeCls”类为了方便观察效果,设置css规则为字体颜色为黑色#000,背景为橙色#f60,行高为25像素。 2、既然你都用了byClassName,说明他们都有同一个类名,你直接再css里面改这个类名的样式就行了。你要用js修改,你修改的是内联样式...