CSS Classes 与 ID 区别

人们往往混淆时,是适当的使用CSS ID和CSS类时,应使用。这一教训是为了显示差异,以及提供更多信息的CSS的ID 。

什么是编号选择?
W3C的定义类ID为“一个独特的识别标志,以一个组成部分” 。但是,这是什么实际意义?希望您已经阅读我们的CSS类的教训,如果没有,我们建议您这样做。

身份证的CSS类似的班级,他们确定的特殊情况,一个组成部分。下面是一个例子,一个CSS编号。

p#exampleID1 { background-color: white; }
p#exampleID2 { text-transform: uppercase; }

html代码.

<p id="ExampleID1">This paragraph has an ID name of
"exampleID1" and has a white CSS defined background</p>

<p id="ExampleID2">This paragraph has an ID name of
"exampleID2" and has had its text transformed to uppercase letters. </p>

请注意,一个编号的CSS是HTML元素,后面跟着一个“ # ” ,最后编号的名称。最终的结果看起来就像“元素# idname ” 。此外,一定要吸取这一事实时,编号是用来在HTML中,我们必须使用“编号=名称”而不是“阶级=名称”参考吧!

他们为什么选择这些名字? ?
编号=一个人的识别码( ID )是唯一的一个人。
类=有很多人在一类。
编号为布局性和唯一性
标准规定,任何特定编号的名称只能是参照一次在一个网页或文件。根据我们的经验, ID是最常用的正确的CSS布局。这是有道理的,因为通常只有一个菜单每页,一个旗帜,通常只有一个内容窗格。

在Tizag.com的CSS布局实例我们用标识的独特上述项目。查看CSS代码为我们的第一个布局的例子。下面是独一无二的标识在我们的代码。

菜单-专区# m enuPane
内容-专区#内容
答:类与身份证
使用身份证时,只有一个发生在每个网页。使用时,班级有一个或一个以上发生在每个网页。

 

时间: 2024-09-15 08:16:50

CSS Classes 与 ID 区别的相关文章

Class与ID区别 margin和padding区别 CSS学习笔记_经验交流

由于现在百分之99.99%的CMS都是用div+css来构建网页模板的,被逼无奈,一大把年纪了还要学习CSS,说实话没觉得用div来布局比table好在什么地方!但迫于行势,先硬着头皮看吧,能学多少是多少.根据数据与结构分离的原则,CSS最好要独立于网页文件,用 复制代码 代码如下: <link rel="stylesheet" type="text/css" href="../xxx/web.css" />  语句将CSS文件调入网

Web开发中对CSS类及id的规范化命名

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

CSS类及id的规范化命名

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

对CSS类及id的规范化命名

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

XML、HTML、CSS与JS的区别整理_javascript技巧

在BS中,xml,html,css和js我们都学过,起初分不清这四者的区别和联系,随着知识的增长,有了一些体会. 首次,我们看一下这四项技术都是什么,能干什么? (一)XML-Extensible Markup Language 可扩展标记语言(标准通用标记语言的子集)是一种简单的数据存储语言,使用一系列简单的标记描述数据,而这些标记可以用方便的方式建立,虽然可扩展标记语言占用的空间比二进制数据要占用更多的空间,但可扩展标记语言极其简单易于掌握和使用. <Hello> <bcd>C

CSS设计中ID与CLASS之间的区别

DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素.DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制. 我们都知道,在网页上利用HTML定位文字和图像是一件"令人心痛"的事情.我们必须使用表格标签和隐式GIF图像,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化. 而CSS能使你看到希望的曙光.利用今天我们即将学到的C

CSS网页布局ID和Class类的命名介绍

         一.用class_name方式写类名. 以前喜欢用class-name写,不过好像两样也没什么差别.但我比较反对用className写类名,因为始终对浏览器大小写敏感的问题抱有怀疑态度.但是id我会写成驼峰式,理由见下一条. 二.样式都用class而不用id. 有三个理由. 1,id不可以重复,所以用class的话,可以肆无忌惮的用无数次. 2,id的优先级太高,若是写了一个#page_content a {color:#f60} ,那你完蛋了,里面要改链接颜色,都必须加上#p

css初学者:id和class的选择

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 css初学者在刚开始用div+css布局的时候,常常被一个问题所困扰:当定义一个属性时,是使用id,还是使用class?在这我谈下自己在工作中对id和class的使用原则.希望对初学者有所帮助. id的使用原则 我们知道id具有唯一性,也就是说在整个xhtml中id是不能重复的,所以我们在写网页的时候,大的结构用id,比如:logo.导航.主

css与html的区别:css和html区别

CSS语言是样式定义语言,不含任何标记.如:.myStyle1               {border-style: outset; border-width: medium; background-color:#006600;text-indent:42px;              }两者的关系:1.CSS代码可以写在HTML的标记内,可以集中写在HTML标记<style>中,也可写在其他标记中.如:<div style="width:100;">&l