css的id样式和类样式是什么意思

html-css011

css的id样式和类样式是什么意思,第1张

ID具有唯一性,CLASS具有普遍性。

id样式用为#

ID:是指id为某个值的元素.CSS定义为:#div_id{}.定义之后就是ID为div_id的div是这种样式.范围单一,一般用于指定的元素.

class类样式用为.

类:是指class为某一个值的元素.CSS定义为:.div_class{}.定义之后就是类为div_class的div是这种样式.范围好控制,需要用这种样式的就给他class就行了.

后面添加你想定义的名字,例如页面分成三部分:头,中,脚。则可分别定义head,middle,foot.这样页面中的大体是这样写的,你应该看看就懂了~!

<html>

<head>

<title></title>

<style type="css/text">

#head{width:1000pxheight:20pxbackground-color:red}

#middle{width:1000pxheight:400px}

#foot{width:1000pxheight:200pxbackground-color:green}

</style>

</head>

<body>

<div id="head"></div>

<div id="middle"></div>

<div id="foot"></div>

</body>

</html>

上述代码大体的意思就是使用id获取元素,并对其进行样式的设定。希望采纳,手打不易啊

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

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

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