CSS与HTML（span）

最新推荐文章于 2023-08-18 15:50:00 发布

moolf

最新推荐文章于 2023-08-18 15:50:00 发布

阅读量5k

点赞数

分类专栏： JSP 文章标签： html css stylesheet class div 文档

本文链接：https://blog.csdn.net/b271737818/article/details/3975378

版权

JSP 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、外部样式表不能含有任何像<HEAD>或<STYLE>这样的HTML的标记

2、REL属性用于定义连接的文件和HTML文档之间的关系。REL=StyleSheet指定一个固定或首选的样式而REL="Alternate StyleSheet"定义一个交互样式。固定样式在样式表激活时总被应用。缺少的TITLE属性，定义一个固定样式。

3、 <LINK   REL=StyleSheet   HREF="basics.css"   TITLE="Contemporary">
<LINK   REL=StyleSheet   HREF="tables.css"   TITLE="Contemporary">
     <LINK   REL=StyleSheet   HREF="forms.css"   TITLE="Contemporary">
在这个例子中，三个样式表组合成一个"Contemporary"样式，作为一个首选样式表被应用。要组合多个样式表成一个单一样式，必须在每个样式表中使用相同TITLE。

4、TYPE属性用于指定媒体类型，LINK元素也一样。同样地，TITLE和MEDIA属性也可以用STYLE指定。 <STYLE TYPE="text/css" MEDIA=screen>

5、 .punk { color: lime; background: #ff80c0 }
P.warning { font-weight: bolder; color: red; background: white }

在这个例子中，punk 类可以用于任何BODY元素因为它在样式表中没有HTML元素关联。而在这个例子的样式表，warning类只能用于P元素。

6、SPAN元素被加入到HTML中以允许网页制作者给出样式但无须附加在一个HTML的结构元素上。SPAN在样式表中作为一个选择符使用，而且它也能接受STYLE、CLASS和ID属性。

SPAN是一个内联元素，所以它可以作为HTML中的元素如EM和STRONG使用。最重要的差别在于虽然EM和STRONG带有结构的意义，但SPAN就没有这样的意义。它的存在纯粹是应用样式，所以当样式表失效时它就没有任何的作用。

一些SPAN例子如下:

<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0//EN">
<HTML>
<HEAD>
<TITLE>SPAN的例子</TITLE>
<STYLE   TYPE="text/css"   MEDIA="screen,   print,   projection">

</STYLE>
</HEAD>
<BODY>
<P><SPAN   CLASS=firstwords>The   first   few   words</SPAN>前面是段落中少数的文字，会是小型大写字母。样式也可以内联，如改变文字的样式为<SPAN   STYLE="font-family: Arial">Arial</SPAN>.</P>

span的用法和div很相似只不过是div是块级的，span可以说成是行级的（老师这么说的）。