快捷搜索:

初学必知:XHTML网页中加入CSS的五种方式

在XHTML网页中若何加入CSS呢?这篇教程奉告大年夜家引入CSS的几种要领。

XHTML文件是经由过程CSS样式进行显示的节制的,也便是结合XHTML与CSS来体现页面内容。那么到底有哪些要领在XHTML文件中引入CSS样式呢?

一、应用STYLE属性

将STYLE属性直接加在个其余元件标签里,

这种措施优点:可灵巧利用样式於各标签中。方便于编写代码时的应用。

这种措施毛病:没有整篇文件的“统一性”,在必要改动某样式的时刻也变的对照艰苦。

二、应用STYLE标签

将样式规则写在...标签之中。

例如:

平日是将全部的 ...布局写在网页的 部份之中。

这种措施的优点:整篇文章有了统一性,只如果有声明的的元件即会套用该样式规则。

这种措施的毛病:个别元件的机动度不够,整站的功能性较弱。

三、应用 LINK标签

将样式规则写在.css的样式文件中,再以标签引入。

假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入:

这样引入该css样式表文件今后,就可以直接套用该样式档案中所拟订的样式了。 平日是将link标签写在网页的部份之中。

这种措施的优点:可以把要套用相同样式规则的数篇文件都指定到同一个样式文件中,可以进行统一的改动,也便于整站的设置有统一的风格。一样平常css网页结构都应用此种措施。

这种措施的毛病:在个别文件或元素的机动度不够。

四、应用@import引入

跟link措施很像,但必须放在... 中:

例如:

要留意的是,行末的分号是必须的!切切不能漏写!

这种措施的优点:可以机动的引入css文件对xhtml元素进行节制。无意偶尔候也用来编写某些css hack。

这种措施的毛病:在个别文件或元素的机动度不够。

五、应用标记引入样式

例如:

雨枫技巧教程网- >

这种措施优点:可灵巧利用样式於各标签中。方便于编写代码时的应用。

这种措施毛病:没有整篇文件的“统一性”,在必要改动某样式的时刻也变的对照艰苦。

您可能还会对下面的文章感兴趣: