本文将介绍一些常见的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是以小写句...
当前的current 2.样式文件命名 主要的:master.css 布局版面:layout.css 专栏:columns.css 文字:font.css 打印样式:print.css 主题:themes.css 感觉这个写的蛮有用的,就收藏过来了。
关于CSS网页布局id与class命名或许成为大家比较头疼的问题,在webjx.com中早已有相关的介绍,但还是不能满足大家对知识的渴求。 一、用class_name方式写类名。 以前喜欢用class-name写,不过好像两样也没什么差别。但我比较反对用className写类名,因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我会写成驼峰式...
制定简单规则: 以中划线连接,如.item-img 使用两个中划线表示特殊化,如.item-img.item-img--small表示在.item-img的基础上特殊化 状态类直接使用单词,参考上面的关键词,如.active, .checked 图标以icon-为前缀(字体图标采用.icon-font.i-name方式命名)。
1、设置一个css类,命名为”themeCls”,用于在javascript操作时给元素添加clsss。”themeCls”类为了方便观察效果,设置css规则为字体颜色为黑色#000,背景为橙色#f60,行高为25像素。 2、既然你都用了byClassName,说明他们都有同一个类名,你直接再css里面改这个类名的样式就行了。你要用js修改,你修改的是内联样式...
常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download ...
直观命名 当在设计Web页面以及需要对一个div进行标识的时候,最自然的想法就是使用可以描述元素所在页面位置的词汇来对其命名。 例如:top-panel horizontal-nav left-side center-column right-col 这些是CSS以及XHTML类和id的有效命名方式。这些词汇简单并且能够使人顾名思义,因此满足了标识页面元素以及相应的CSS样式的...
id是元素的名称,可以供js或其它脚本程序来访问该元素对象,而class是该元素的css类名。 语法区别:id对应css是用样式选择符“#”(井号)。class对应css是用样式选择符“.”(英文半角输入句号)。使用次数区别:id属性,只能被一个元素调用(以“#”选择符命名CSS样式在一个页面只能使用调用一次)。