CSS 中,ID 是控制什么的?Class是控制什么的?

html-css021

CSS 中,ID 是控制什么的?Class是控制什么的?,第1张

在样式表定义一个样式的时候,可以定义id也可以定义class。

1、在CSS文件里书写时,ID加前缀"#";CLASS用"."

2、id一个页面只可以使用一次;class可以多次引用。

3、ID是一个标签,用于区分不同的结构和内容,就象名字,如果一个屋子有2个人同名,就会出现混淆;class是一个样式,可以套在任何结构和内容上,就象一件衣服;

4、从概念上说就是不一样的:id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

目前的浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用JavaScript通过id来控制div时就会出现错误。无论是用“.”,还是“#”都无所谓,但是最好遵循,主要的重要的特殊的最外层的用“#”。class在同一个HTML网页页面可以无数次的调用相同的class;这样就可以像调用函数一样不用再一个页面i重复一个属性,只需要一个class类的选择,就可以在同一个位置调用相同的CLASSid表示着标签的身份,在JS脚本中会用到ID ,当js 要修改一个标签属性时,js会将id名做为唯一标识进行操作,id在页面职能出现一次。并且是唯一性。

可以这样理解:

一、元素:就是html标签,比如table,tr,td,img,input等等,在对这些使用css的时候,元素名前面可以不用加任何符号,如:对网页中所有input元素用一个css样式,那么可以在样式中写 input{样式}

二、ID:如果想在网页中某个特定地方使用css,这时候就可以给那个元素一个ID,在样式的时候,ID前面要加“#”,比如:想对ID为test的表格应用一个css样式,可以写作 #test

三、类就是大多数情况下都可以调用的,在前面要加个“.”,然后在使用的时候用 “class=类名”