Css中设置id的写法是什么?

html-css015

Css中设置id的写法是什么?,第1张

可以这样理解:

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

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

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

在CSS中id的名称前加#,class的名称前加.

id在一个文档中只能是唯一的,而class是可以重复的

另外,在Javascript中能够很容易获取id,但获取class较麻烦,故在做页面的时候尽量多使用class,同时也能减少CSS文件的体积

这个问题好比人的名字有什么用?比如一个班级有50个同学,其中一个同学的名字叫张三,那么我们可以这么认为:张三就是这个同学的ID

我们再换个角度想:假如网页里有50个<div>,高度和宽度全部都是50像素,但其中一个要求背景颜色为红色,这时我们就可以为那个背景为红色的div定义一个id。然后css通过id识别出要加背景色的div。

id的作用就是这样,便于识别特殊的div。就像人的名字一样,喊名字才知道是叫谁。

说明:在同一个页面中,id是唯一的,不要重复指定相同的id,否则会导致不可预知的错误哦。

写一段代码加深一下楼主的印象:

CSS部分 css里指定id时前面加#,后面接着id的名称。如:#dif

div{ width:50px height:50px}

#dif{ background:#F00}

html部分:这里就不写50个div了,只写5个。

<div></div>

<div id="dif"></div>

<div></div>

<div></div>

<div></div>