css样式
css样式主要包含三种类型：行内样式、内联样式（内嵌样式）、外部样式（外联样式）。
CSS即层叠样式表（Cascading Style Sheets），是一种用来表现HTML或XML等文件样式的计算机语言。
CSS主要用来设计网页的样式，美化网页；它不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
CSS样式主要包含以下三种类型：
1、行内样式：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
例：
<标记 style=“样式的属性名1：样式的属性值1；属性名2：属性值2；…”></标记>
代码实例：
<body>
<!--内联样式表 -->
<div style="color: red;">内联样式表</div>
</body>
2、内联样式（内嵌样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。
例：
< style>选择器 {属性名：属性值；属性名：属性值；…}</ style>
代码实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--这种属于内部样式表： 在html5中type="text/css"是可以省略的-->
<style type="text/css">
div{
color: red;
}
</style>
</head>
<body>
<div>内部样式表</div>
</body>
</html>
3、外部样式（外联样式）：
外联式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过标记将外部样式表文件链接到HTML文档中，其基本语法格式如下:
< link type=“text/css” rel=“stylesheet” href=“css/main.css” />
- href：定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。
- type：定义所链接文档的类型，在这里需要指定为“text/css”，表示链接的外部文件为CS样式表。
- rel：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/style.css" sype="text/css" />
</head>
<body>
<h1>外部样式表</h1>
</body>
</html>
新建的CSS文件代码：
h1{
color: royalblue;
font-size: 50px;
background: red;
}
外联式是使用频率最高是最实用的CSS样式表，因为它将HTML代码与CSS代码分离为两个或多个文件，实现了将结构和样式完全分离，使得网页的前期制作和后期维护都十分方便。
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
