在CSS中,什么时候用Class,type,id?这到底是怎样区分的?

html-css021

在CSS中,什么时候用Class,type,id?这到底是怎样区分的?,第1张

区别并不是很大。主要看个人习惯以及css文件的大小了。如果css样式不多,那基本都可以;如果很多的话,建议两个配合着用。

可以这么理解,class是类属性,可以无限制的使用,并且在全局符合样式规范的地方均可用。

id是身份标识,它下面其实也主要是class样式。但它标识了身份,html中只有这调用这个身份的代码才能享有这些样式。另外一个最大的不同是,id的样式,在html页面中只能引用一次,而class是无限制的。还有就是JS代码牵扯的样式只能用id来提供。

如果只是普通简单的样式,那都可以通用。比如你要引用style2样式,可以写

.style1 .style2 { }

#style1 .style2 { }

再在html中分别引用,效果是一样的。但要注意#style1只能被引用一次。

<style>标签用于为 HTML 文档定义样式信息。

在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。

type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。意思是这里面的文本内容(text)要当层叠样式表 (css)来解析,不能当作其它的来解析。

由于唯一值type是"text/css" 所以一般不写也是可以使用的,但是一般的代码规范性是要要求要写的。就看你遵守不遵守代码规范性了,你写不写都是没有影响的。