请问HTML标签中的<xx class>,class,有啥用啊?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了请问HTML标签中的<xx class>,class,有啥用啊?相关的知识,希望对你有一定的参考价值。

是不是和CSS样式有管的,到底是个怎么关联法啊?希望举个实例。

class定义的是css的样式,在style标签里有一个以点开头,和class属性同名的css样式,而class属性就是指定这个标签的样式的。
如:
<style>
.otherfont-size:15px;color:black;
.stylefont-size:50px;color:red
</style>
<body>
<p class="style">这里样式class的作用</p>
</body>
如上,body内的P标签由于指定了class属性,它的显示样式将以名为style的css样式的效果去显示,也就是字体大小为50px,颜色为红色。作为比较,名为other的css样式的定义在这里就没有用到。
参考技术A 标签有叁个属性,ID、NAME、CLASS。
--> ID:不可重复,唯一标志。
--> NAME:可重复,名称标志。
--> CLASS:可重复,归类标志。
一般用CLASS配合样式列表使用,使一类的标签有相同的样式。例子,见二楼,说的很详细了。本回答被提问者采纳
参考技术B 是的,就是根据他的class名调用他的class样式 比如<div id="a" class="b">BBBBB</div>
此div块就是引用CSS中b的样式来修改块中的样式:如背景,颜色,字体大小等等
参考技术C 这个是做CSS用的.

急急急,请问css的span换行问题?

急急急,请问css的span换行问题?
<style>
body
margin:0px;

.a
border:1px solid red;

.b
border:1px solid black;


</style>

<span class="a">111</span>
<div class="b">222</div>

ie和火狐中,显示出来效果是span一行,div一行,

为什么在span后面要写两个<br>后,div才换新的一行啊?只写一个<br>的话div就不换行,为啥?

而在span前面只要写一个<br>后,span就换行了.

第二个问题:火狐中为啥span的底边会盖住div的顶边,在ie中div的顶边会盖住span的底边,为啥?

因为<span>标签中的内容会被定义为“行内元素”,因此有换行功能的</br>可以很好的控制它。<div>标签中的内容会被定义为“块级元素”,<br>对它进行控制就很困难了!

lz如果想要控制div和span之间的距离可以使用padding margin 或
position定义。
参考技术A 用clear:left; 参考技术B 1.换行问题:<br
/>的意思就是换行,
在下
一行中写入新内容,而刚好div本身就是在单独的行中显示,所以出现加不加<br
/>都是一样的效果.
2.这个只能理解为
浏览器
的解析问题了.
你把bodymargin:0px;
去掉后还会发现在IE7中<span>的上半部分红色border消失.
IE就是如此难以理解.

以上是关于请问HTML标签中的<xx class>,class,有啥用啊?的主要内容,如果未能解决你的问题,请参考以下文章

请问<span>标签是做啥用的?

前端的一些基础知识

[HTML问题] 标签中的class如何理解?

class在HTML里面有啥作用

请问asp中的自定义标签是怎么自定义

>xx.hbm.xml的一些简单配置