页面使用css的形式主要包括哪三种

程序员文章站 2022-03-05 12:12:59

...

三种形式：1、在标签的style属性中写入样式，语法“<element style="代码">”；2、在style标签对中写入样式，语法“<style>代码</style>”；3、将css代码放入“.css”文件中，使用link标签引入。

页面使用css的形式主要包括哪三种

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

1、行内式

是通过标签的style属性来设置元素的样式，其基本语法格式如下：

<element style="属性:值;属性:值;...">内容</element>

语法中style是标签的属性，实际上任何HTML标签都拥有style属性，用来设置行内式，其中属性值的书写规范与css样式规则相同，行内式对其所有的标签及嵌套在其中的子标签起作用。

2、内部样式表

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

<head>  
<style type="text/css"> 
css选择器{ 
  属性:值;
  属性:值;
}
</style> 
</head>

语法中，style标签一般位于head标签之后，也可以把它放在HTML文档中的任何地方。

3、外链式

链入式是将所有的样式放在一个或多个以CSS为扩展名的外部样式表文件中，通过link标签将外部样式链接到HTML文档中，其基本语法格式如下：

<link rel="stylesheet" type="text/css" href="css文件路径" />

属性	说明
rel	定义当前文档与别链接文档之间的关系，"stylesheet"表示：被链接的文档是一个样式表文件
href	定义所链接的外部样式表文件的URL，可以是相对路径，也可以是绝对路径

优点：

缺点：

（学习视频分享：css视频教程）

以上就是页面使用css的形式主要包括哪三种的详细内容，更多请关注其它相关文章！