设为首页 - 加入收藏 - 网站地图 - RSS订阅 村姑网-www.cunguer.com
当前位置:首页 > 网页制作 > CSS > 正文

CSS与HTML(span)的一些应用技巧

时间:2015-12-05 21:30:59 来源:互联网 作者:未知 阅读: 69 次
导读:本文举例说明了css和html在实际应用中的一些小技巧和需要注意的一些东西,让你知道某个标签或者元素在某些情况下可以使用,怎么使用。 1、外部样式表不能含有任何像HEAD或STYLE这样的HTML的标记。 2、REL属性用于定义连接的文件和HTML文档之间的关系。REL=Sty...
本文举例说明了css和html在实际应用中的一些小技巧和需要注意的一些东西,让你知道某个标签或者元素在某些情况下可以使用,怎么使用。
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">
  <!--
      .firstwords   {   font-variant:   small-caps   }
  -->
  </STYLE>
  </HEAD>
  <BODY>
  <P><SPAN   CLASS=firstwords>The   first   few   words</SPAN>前面是段落中少数的文字,会是小型大写字母。样式也可以内联,如改变文字的样式为<SPAN   STYLE="font-family: Arial">Arial</SPAN>.</P>
    span的用法和div很相似 只不过是div是块级的,span可以说成是行级的(老师这么说的)。

《CSS与HTML(span)的一些应用技巧》地址:www.cunguer.com/article/245.html,本文来自村姑网,您身边的IT专家 www.cunguer.com,转载请注明出处,您的支持是我们创作的源泉~!