【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

引入CSS样式表的方式有哪些?

放大字体  缩小字体 发布日期:2020-09-13 00:56:33    浏览次数:14
导读

  CSS用于修饰网页样式,但是,如果希望CSS修饰的样式起作用,就必须在html档中引入CSS样式表。引入样式表的常用方式有三种,即行内式、内嵌式、外链式,具体介绍如下。  上述语法中,style是标记的属性,实际上任何HTML标记都拥有 style属性,用来设置行内式。属性和属性值的书写规范与Cs样式规则一样,行内式只对其所

  CSS用于修饰网页样式,但是,如果希望CSS修饰的样式起作用,就必须在html档中引入CSS样式表。引入样式表的常用方式有三种,即行内式、内嵌式、外链式,具体介绍如下。

  上述语法中,style是标记的属性,实际上任何HTML标记都拥有 style属性,用来设置行内式。属性和属性值的书写规范与Cs样式规则一样,行内式只对其所在的标记及嵌套在其中的子标记起作用。

  通常CSS的书写位置是在头部标记中,行内式却是写在根标记中,例如下面的示例代码,即为行内式CS样式的写法。

  在上述代码中,使用标记的style属性设置行内式CSS样式,用来修饰一级标题的字体大小和颜色。效果如下图所示。

  需要注意的是,行内式是通过标记的属性来控制样式的,这样并没有做到结构与样式分离,所以一般很少使用。

  内嵌式是将CSS代码集中写在HTML文档的head头部标记中,并且用 style标记定义,其基本语法格式如下:

  上述语法中,style标记一般位于head标记中title标记之后,也可以把它放在HTML文档的任何地方。但是由于浏览器是从上到下解析代码的,把CSS代码放在头部有利于提前下载和解析,从而可以避免网页内容下载后没有样式修饰带来的尴尬。除此之外,必须设置type的属性值为“text/css”,这样浏览器才知道 style标记包含的是CSS代码,因为 style标记还可以包含其他代码,如Javascript代码。

  外链式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过link/标记将外部样式表文件链接到HTML文档中,其基本语法格式如下:

  上述语法中,link标记需要放在head头部标记中,并且必须指定link/标记的个属性,具体介绍如下。

  ●type:定义所链接文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为CS样式表。

  ●rel:定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件。

  外链式是使用频率最高是最实用的CSS样式表,因为它将HTML代码与CSS代码分离为两个或多个文件,实现了将结构和样式完全分离,使得网页的前期制作和后期维护都十分方便。

 
关键词: css样式表有哪些
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-531418.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4