CSS元素的class与ID命名常用关键字

由于项目中编写文档结构、编写CSS的人员较多,并与程序员协同工作,就需要统一class与id的名称,常用关键字:

容 器:container/box
头 部:header
主 导 航:mainNav
子 导 航:subNav
顶 导 航:topNav
网站标志:logo
大 广 告:banner
页面中部:mainBody
底 部:footer
菜 单:menu
菜单内容:menuContent
子 菜 单:subMenu
子菜单内容:subMenuContent
搜 索:search
搜索关键字:keyword
搜索范围:range
标签文字:tagTitle
标签内容:tagContent
当前标签:tagCurrent/currentTag
标  题:title
内 容:content
列 表:list
当前位置:currentPath
侧 边 栏:sidebar
图 标:icon
注 释:note
登 录:login
注 册:register
列 定 义:
column_1of3 (三列中的第一列)
column_2of3 (三列中的第二列)
column_3of3 (三列中的第三列)
 

时间: 2024-12-03 05:27:46

CSS元素的class与ID命名常用关键字的相关文章

网页技术CSS元素的class与ID命名常用关键字

css|关键字|网页 由于项目中编写文档结构.编写CSS的人员较多,并与程序员协同工作,就需要统一class与id的名称,前天花了一点时间,按照大多人的习惯,制定了下面的常用关键字: 容    器:container/box 头    部:header 主 导 航:mainNav 子 导 航:subNav 顶 导 航:topNav 网站标志:logo 大 广 告:banner 页面中部:mainBody 底    部:footer 菜    单:menu 菜单内容:menuContent 子 菜

标准建站来看:CSS元素的class与ID命名常用关键字

css|标准|关键字 由于项目中编写文档结构.编写CSS的人员较多,并与程序员协同工作,就需要统一class与id的名称,前天花了一点时间,按照大多人的习惯,制定了下面的常用关键字: 容 器:container/box 头 部:header 主 导 航:mainNav 子 导 航:subNav 顶 导 航:topNav 网站标志:logo 大 广 告:banner 页面中部:mainBody 底 部:footer 菜 单:menu 菜单内容:menuContent 子 菜 单:subMenu 子

DIV CSS网页布局规范的对CSS的类及id命名

css|规范|网页 Web开发者(也就是您)可以通过创建CSS类及id名称并使用这些名称来对div以及其他的页面元素.标签进行标识.对开发人员来说,在命名重新定义XHTML标记(tags)的CSS selectors时,必须保证其与预定义的标记准确匹配,但就类以及id选择器名称而言,则仁者见仁,智者见智.然而随心所欲的为这些类以及id命名则并不是个好的习惯.  在阅读了由Andy Clarke(of Stuff and Nonsense and All That Malarkey)以及Eric

一个CSS元素同时有id选择器和类选择器的例子

一个元素可同时有id选择器和类选择器,但只能有一个id选择器,且id选择器的优先级大于class选择器. 例: html文件内容: <html> <head> <title>一个元素可同时有id选择器和类选择器</title> <link rel="stylesheet" type="text/css" href="test.css" /> </head> <body&

常用CSS元素div ul dl dt ol的简单解释

css 几个css元素的简单解释 div ul dl dt oldiv,这个很常见,块级元素,div尽量少用,和table一样,嵌套越少越好 ol  有序列表. <ol>  <li>--</li>  <li>--</li>  <li>--</li></ol> 表现为: 1--2--3-- ul 无序列表,表现为li前面是大圆点而不是123 <ul><li>--</li><

css元素定位

css 1. position:static|无定位position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位 example: #div-1 { position:static;} 2. position:relative|相对定位使用position:relative,就需要top,bottom,left,right4个属性来配合,确定元素的位置.如果要让div-1层向下移动20px,左移40px: example: #div-1 { position

css元素定位_CSS/HTML

css元素定位 1. position:static|无定位position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位 example:#div-1 { position:static;} 2. position:relative|相对定位使用position:relative,就需要top,bottom,left,right4个属性来配合,确定元素的位置.如果要让div-1层向下移动20px,左移40px: example:#div-1 { positi

一个CSS元素同时有多个类选择器的例子

一个元素可以同时有多个类选择器.注意,多个类选择器有冲突时,在Css文件里最后写的那个类选择器优先级最高. 在下面的例子中,<div>有cls1和cls2两个类选择器,注意其写法,需要在一个class标识符内按顺序用空格隔开写. 例: html文件: <html> <head> <title>一个元素同时有多个类选择器</title> <link rel="stylesheet" type="text/css&

PHP面向对象开发之类的常用关键字

类中的常用关键字 1.fianl:锁 2.self:有点类似与this关键字 3.static:静态属性 4.const:常量关键字 1.关键字:fianl 用来定义类和方法的一个重要关键字,当定义类的时候该类不能被继承,用来定义方法的时候该方法不能被重载. 1. final不成修饰成员属性(类中常不是用这个关键字) 2. final只能修饰类和方法 作用: 使用final修饰的类 不 能被子类继承 使用final修饰的方法不能被子类去覆盖 用来限制类不被继承,方法不被覆盖就使用fianl 类使