<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不同之处在于体现在以下几个方面:
css中id的优先级高于class,以下示例代码进行说明:
<style>.aa{color:#000}
#bb{color:ff0000}
</style>
<div class="aa" id="bb">猜猜class和id优先级谁高</div>
<style>
#bb{color:ff0000}
.aa{color:#000}
</style>
<div class="aa" id="bb">猜猜class和id优先级谁高</div>
说明:无论class的样式文件在第一行或者第二行输出结果都是红色字体,说明id优先级高于class。
2.class css中得用.class的属性值,id是#id的值。
正确使用id和class
如果涉及到js获取值的话用id,否则用class来写。
注意事项:命名css的class和id应该有一定的规范性。
css中这两者的区别如下ID和class都是选择器,id是id选择器,class是类选择器。
id选择器相同名字在页面中只能出现一次,是唯一的。使用时一般用于某个特定的样式。用id指定样式,通过#来定义
class选择器在页面中可以出现多个相同名字,当页面中某些属性相同时使用,比如字体大小都是24px。用class指定样式,通过.来定义