css中class属性和id属性的样式文件…

其中<td>标准单元格元素,html的表格有两类单元格:表头单元由<th>创建;标准单元由<td>创建td元素的字体一般显示为正常字体且左对齐


CLASS属性用于指定元素属于何种样式的类。例如,样式表可以加入punk和warning类:

.punk { color: lime; background: #ff80c0 }
P.warning { font-weight: bolder; color: red; background: white }
这些类可以使用CLASS属性在HTML中引用:

<H1
<P

在这个例子中,punk类可以用于任何BODY元素因为它在样式表中没有HTML元素关联,也就是说直接对类进行选择,就可以应用样式。而在这个例子的样式表,warning类只能用于P元素。

一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的外观。上述例子中的warning类也可以命名为red,但如果网页制作者决定改变这个类的样式为别的颜色,或希望为那些使用PC喇叭的人定义为aural(听觉)样式的话,那么这个名字就变得毫无意义了。

类会是应用样式到HTML文档中在结构上一样的部分的有效的办法。例如,本页使用类给CSS源代码和HTML源代码使用不同的样式。

用来指定td的样式。这个样式是在样式表中定义的自定义样式。


id=" "唯一的全球标识符 允许此元素单独被样式表或其他程序施加作用
class=" "类的列表,由空格分开的非唯一标识符,允许此元素作为组被样式表或其他程序施加作用

id 有其它的作用 可以唯一标识一个元素

在css标准中使用.XXX和#XXX是有原因的。
关于.XXX的用法,是在html中使用class属性直接使用,如
<div ></div>
这个div标签中的class属性就必须定义为.XXX的样式。

而#XXX这样的样式是id选择器,对标签定义了id属性的标签起作用如:
<div id=“xxx” ></div>
当html引用了一个.css文件时,并且css中含有#xxx这样的css样式,ie将自动把这个样式赋予这个div标记。

使用这两种样式指定方式的原因是使用方便。假如你的网站中的页头和页脚全部使用一种样式,那么就可以使用#XXX这样的方式指定样式,只要元素的id已经在css中定义,那么就可以保证整个网站的页头和页脚样式一致。

而.XXX是专门给一个元素要在使用中动态改变显示样式时使用的,如一个<div></div>元素,它包含有一个<span></span>元素,你设定span的正常显示是.CSSA,那么可以这样
<span >内容</span>
当用户执行一些操作时,可以将这个<span></span>元素隐藏,那么就必须更改这个span元素的css样式,那么就可以在客户端脚本中动态指定另一个css,如.CSSB,当用户操作时,只要代码正确,那么元素就自动隐藏起来了。 

 

你可能感兴趣的:(css中class属性和id属性的样式文件…)