? css亚博优惠活动之统一资源管理URLs 亚博优惠活动,亚博体育网页版,亚博app怎么下载「官网直营」
VB.net 2010 视频亚博优惠活动 VB.net 2010 视频亚博优惠活动 VB.net 2010 视频亚博优惠活动
SQL Server 2008 视频亚博优惠活动 c#入门经典亚博优惠活动 Visual Basic从门到精通视频亚博优惠活动
当前位置:
首页 > 网站开发 > css >
  • css亚博优惠活动之统一资源管理URLs

  • 2015-01-25 01:34 来源:未知
统一资源管理URLs(相关css亚博优惠活动
  一个URL值的格式为 : url(foo)foo是一个URL(统一资源管理,因特网的地址)。URL可以选择用单引号( ' )或者双引号( " ),并且,在URL之前或之后可以包含空格。
  在URL中的括弧,逗号,空格,单引号,或双引号必须避开反斜杠。不完整的URLs被理解为样式表的源代码,而不是HTML源代码。
注意: Netscape Navigator 4.x 会错误地将不完整的URLs理解为相关的HTML源代码。注意到这个错误后,网页制作者应该在可能的地方使用完整的URLs。
  例如:
BODY { background: url(stripe.gif) }
BODY { background: url(http://www.htmlhelp.com/stripe.gif) }
BODY { background: url( stripe.gif ) }
BODY { background: url("stripe.gif") }
BODY { background: url(\"Ulalume\".png) } /* quotes in URL escaped */
将样式表加入到HTML中
  有很多方法将样式表加入到HTML中,每个都带有自己的优点和缺点。新的HTML元素和属性已被加入以允许样式表与HTML文档更简易地组合起来。
  • 连接到一个外部的样式表
  • 嵌入一个样式表
  • 输入一个样式表
  • 内联样式
  • CLASS属性
  • ID属性
  • SPAN元素
  • DIV元素
  • >关于认证的备注
?连接到一个外部的样式表
  一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中:




  标记是放置在文档的HEAD部分。可选的TYPE属性用于指定媒体类型--text/CSS是一个层叠样式表--允许浏览器忽略它们不支持的样式表类型。为CSS文件配置服务器而将text/CSS当作Content-type内容发送出去也是一个好注意。
  外部样式表能含有任何像
  STYLE元素放在文档的HEAD部分。必须的TYPE属性用于指定媒体类型,LINK元素也一样。同样地,TITLEMEDIA属性也可以用STYLE指定。
  旧版本的浏览器,并不能识别STYLE元素,会将其当作BODY的一部分照常展示其内容从而使这些样式表对用户是可见的。要防止这样做,STYLE元素的内容要包含一个SGML注解()在里面,像上述例子那样。
  嵌入的样式表可用于当一个文档具有独一无二的样式的时候。如果多个文档都使用同一样式表,那么外部样式表会更适用。
?输入一个样式表
  一个样式表可以使用CSS的@import 声明被输入。这个声明用于一个CSS文件或内部的STYLE元素:

  注意其它的CSS规则应该仍然包括在STYLE元素中,但所有的@import 声明必须放在样式表的开始部分。任意在样式表中指定了的规则,其自身超越在输入样式表中对立的规则。例如上例,即使一个输入的样式表包含DT { background: aqua },定义项(definition terms)依然会是黄色的背景。
  被输入的样式表的顺序对于它们怎样层叠是很重要的。在上述的例子中,如果style.CSS输入的样式表指定了STRONG元素会显示为红色而punk.CSS样式表指定了STRONG元素显示为黄色的话,那么后面的规则会获胜,而STRONG元素会显示为黄色。
  输入的样式表对于模块性效果很有用处。例如,一个网站可以通过使用了的选择符分类样式表。一个simple.CSS样式表给出公共的元素像BODYPH1H2。此外,一个extra.CSS样式表给出较少共通的元素像CODEBLOCKQUOTEDFN。一个tables.CSS样式表可以用于定义变革元素的规则。这三个样式表在需要的时候可以使用@import 声明包括在HTML中。三个样式表也可以通过LINK元素组合。
?内联样式
  样式可以使用STYLE属性内联。STYLE属性可以应用于任意BODY元素(包括BODY本身),除了BASEFONTPARAMSCRIPT。这个属性将任何数量的CSS声明当作自己的值,而每个声明用分号隔开。以下是一个例子:

这段的样式是红色的New Century Schoolbook字,如果字体可用的话。


  注意在STYLENew Century Schoolbook包含在单引号中,因为双引号被用作包含样式声明。
  内联的样式比其他方法更加灵活。要使用内联样式,必须使用Content-Style-Type HTTP页眉扩展对整个文档进行单独的样式表语言声明。使用内联CSS的网页制作者必须将text/CSS作为Content-Style-Type HTTP页眉,或在HEAD部分包括以下标记:

  因为和需要展示的内容混合在一起,内联样式会失去一些样式表的优点。同样地,内联样式默认地接受所有媒体,因为没有任何的为内联样式指定明确的媒体的语句。这种方法应该尽量少用,如当一个样式会应用在所有媒体到一个元素的个别情况。如果样式会被应用到单一元素的场合,但只能使用确认的媒体的话,使用ID属性代替STYLE属性。
?CLASS属性
CLASS属性用于指定元素属于何种样式的类。例如,样式表可以加入punkwarning类:
.punk???? { color: lime; background: #ff80c0 }
P.warning { font-weight: bolder; color: red; background: white }
  这些类可以使用CLASS属性在HTML中引用:

属性扩展


一些属性扩展会有负值的边效果,产生于支持和不支持的浏览器上...
  在这个例子中,punk类可以用于任何BODY元素因为它在样式表中没有HTML元素关联。而在这个例子的样式表,warning类只能用于P元素。
一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的外观。上述例子中的warning类也可以命名为red,但如果网页制作者决定改变这个类的样式为别的颜色,或希望为那些使用PC喇叭的人定义为aural(听觉)样式的话,那么这个名字就变得毫无意义了。
  类会是应用样式到HTML文档中在结构上一样的部分的有效的办法。例如,本页使用类给CSS源代码和HTML源代码使用不同的样式。
?ID属性
  ID属性用于定义一个元素的独特的样式。一个CSS规则如
#wdg97 { font-size: larger }
  可以通过ID属性应用到HTML中:

欢迎访问Web Design Group及TV water 168!


  整个文档当中的每个ID属性的值都必须是唯一的。其值必须是一个以字母开头紧接字母、识字或连字符。字母限于A-Z和a-z。
注意HTML 4.0允许在ID属性中有句号,但CSS1不允许在ID选择符中有句号。也要注意CSS1允许Unicode字符161-255而且忽略Unicode字符为一个数字代码,但HTML 4.0不允许这些字符在一个ID属性值当中。
  当一个样式只需要在任何文档中应用一次时,使用ID是很适合的。 IDSTYLE属性相比,在于ID允许指定媒体的样式,而且也可以被应用于多个文档(虽然每个文档只用一次)。
?SPAN元素
  SPAN元素被加入到HTML中以允许网页制作者给出样式但无须附加在一个HTML的结构元素上。SPAN在样式表中作为一个选择符使用,而且它也能接受STYLECLASSID属性。
  SPAN是一个内联元素,所以它可以作为HTML中的元素如EMSTRONG使用。最重要的差别在于虽然EMSTRONG带有结构的意义,但SPAN就没有这样的意义。它的存在纯粹是应用样式,所以当样式表失效时它就没有任何的作用。
  一些SPAN例子如下:



SPAN的例子



The first few words前面是
段落中少数的文字,会是小型大写字母。样式也可以内联,如改变文
字的样式为Arial.



?DIV元素
  DIV元素在功能上与SPAN元素相似,最主要的差别在于DIV ("division","部分"的简称)是一个块级元素。DIV可以包含段落、标题、表格甚至其它部分。这使DIV便于建立不同集成的类,如章节、摘要或备注。例如:

Divisions/部分


DIV元素在HTML 3.2中有定义,但HTML 3.2中只有ALIGN属性能兼容。HTML 4.0在属性中加入CLASS、STYLE、和ID属性。


因为DIV可以包含其他块级集成,在用于建立文档的大型章节例如本备注是很有用的。


要求关闭标记。



?关于认证的备注
  少数使用了CSS样式的文档能在HTML3.2 (Wilbur)层(在WDG网站,译者注)得到认证。HTML3.2不会解释SPAN元素,也不解释CLASSSTYLEID属性,而且在LINKSTYLE元素中也很少支持TYPEMEDIA属性。
  这些有关的样式元素和属性对不支持的浏览器不会有害,因为它们能安全地忽略。文档使用这些元素和属性可以被认证防御于HTML 4.0。
?
?
?
相关亚博优惠活动