CSS 中类 (classes) 和 ID 的区别

来源:互联网 发布:破解摄像头app软件 编辑:程序博客网 时间:2024/05/21 19:43

1.CSS 中类 (classes) 和 ID 的区别。

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

在CSS文件里书写时,ID加前缀“#”;CLASS用“.”

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

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

目前的浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用JavaScript通过id来控制div时就会出现错误。

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

2.请问 “resetting” 和 “normalizing” CSS 之间的区别?你会如何选择,为什么?

reset.css能够重置浏览器的默认属性。不同的浏览器具有不同的样式,重置能够使其统一。

比如说ie浏览器和FF浏览器下button显示不同,通过reset能够统一样式,显示相同的想过。

但是很多reset是没必要的,多写了会增加浏览器在渲染页面的负担。 比如说,  

我们不应该对行内元素设置无效的属性,对span设置width和height,margin都不会生效的。

对于absolute和fixed定位的固定尺寸(设置了width和height属性),如果设置了top和left属性,那么bottom和right,margin和float就没有作用。

后面设置的属性将会覆盖前面重复设置的属性。

期待能够指出它的负面影响,或者提到它的一个更好的替换者“normalize”

normalize.css是一个可以定制的css文件,它让不同的浏览器在渲染元素时形式更统一。



0 0
原创粉丝点击