展开全部
CLASS属性
CLASS属性用于指定元素属于何种样式的类。例如,样式表可以加入punk和warning类:
.punk { color: lime; background: #ff80c0 }
P.warning { font-weight: bolder; color: red; background: white }
这些类可以使用CLASS属性在HTML中引用:
<H1 CLASS=punk>属性扩展</H1>
<P CLASS=warning>一些属性扩展会有负值的边效果,产生于支持和不支持的浏览器上...
在这个例子中,punk类可以用于任何BODY元素因为它在样式表中没有HTML元素关联。而在这个例子的样式表,warning类只能用于P元素。
一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的外观。上述例子中的warning类也可以命名为red,但如果网页制作者决定改变这个类的样式为别的颜色,或希望为那些使用PC喇叭的人定义为aural(听觉)样式的话,那么这个名字就变得毫无意义了。
类会是应用样式到HTML文档中在结构上一样的部分的有效的办法。例如,本页使用类给CSS源代码和HTML源代码使用不同的样式。
CLASS属性用于指定元素属于何种样式的类。例如,样式表可以加入punk和warning类:
.punk { color: lime; background: #ff80c0 }
P.warning { font-weight: bolder; color: red; background: white }
这些类可以使用CLASS属性在HTML中引用:
<H1 CLASS=punk>属性扩展</H1>
<P CLASS=warning>一些属性扩展会有负值的边效果,产生于支持和不支持的浏览器上...
在这个例子中,punk类可以用于任何BODY元素因为它在样式表中没有HTML元素关联。而在这个例子的样式表,warning类只能用于P元素。
一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的外观。上述例子中的warning类也可以命名为red,但如果网页制作者决定改变这个类的样式为别的颜色,或希望为那些使用PC喇叭的人定义为aural(听觉)样式的话,那么这个名字就变得毫无意义了。
类会是应用样式到HTML文档中在结构上一样的部分的有效的办法。例如,本页使用类给CSS源代码和HTML源代码使用不同的样式。
推荐于2017-09-16 · 知道合伙人互联网行家
关注
展开全部
例如:<td class="t1"></td>
<style type="text/css">
.t1 {
font-size: 12px;//字体大小
line-height: 22px;//文本行高
color: #000000;//文本颜色
margin: 6px;//边界
padding: 6px;//填充(文本与边界的距离)
border-bottom-width: 1px;//底部边框宽度
border-bottom-style: solid;//底部边框样式为实线
border-bottom-color: #CCCCCC;//底部边框颜色
}
</style>
class属性一般都是ID,这个ID都是调用前边的属性标签用的,只要找到相对应的标签代码就可以了,一般标准形式是class=“id号”
比如这个在调用的时候就会写代码:class="t1"
<style type="text/css">
.t1 {
font-size: 12px;//字体大小
line-height: 22px;//文本行高
color: #000000;//文本颜色
margin: 6px;//边界
padding: 6px;//填充(文本与边界的距离)
border-bottom-width: 1px;//底部边框宽度
border-bottom-style: solid;//底部边框样式为实线
border-bottom-color: #CCCCCC;//底部边框颜色
}
</style>
class属性一般都是ID,这个ID都是调用前边的属性标签用的,只要找到相对应的标签代码就可以了,一般标准形式是class=“id号”
比如这个在调用的时候就会写代码:class="t1"
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用来指定td的样式。这个样式是在样式表中定义的自定义样式。
例如:<td class="t1"></td>
<style type="text/css">
<!--
.t1 {
font-size: 12px;//字体大小
line-height: 22px;//文本行高
color: #000000;//文本颜色
margin: 6px;//边界
padding: 6px;//填充(文本与边界的距离)
border-bottom-width: 1px;//底部边框宽度
border-bottom-style: solid;//底部边框样式为实线
border-bottom-color: #CCCCCC;//底部边框颜色
}
-->
</style>
例如:<td class="t1"></td>
<style type="text/css">
<!--
.t1 {
font-size: 12px;//字体大小
line-height: 22px;//文本行高
color: #000000;//文本颜色
margin: 6px;//边界
padding: 6px;//填充(文本与边界的距离)
border-bottom-width: 1px;//底部边框宽度
border-bottom-style: solid;//底部边框样式为实线
border-bottom-color: #CCCCCC;//底部边框颜色
}
-->
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询