CSS：层叠样式表（Cascading Style Sheet）。采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变整个页面的风格。接下来我们来学习CSS和HTML的四种结合方式。
1.嵌入样式表
用style标记将样式表嵌入在HTML文件的头部。
嵌入样式表的作用范围是在本HTML文件内。
例子：
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<title>HTML示例</title>
<style type="text/css">
div{
background-color: red;
color: aqua;
}
</style>
</head>
<body>
<div>天之道，损有余而补不足 ，是故虚胜实，不足胜有余。</div>
</body>
</html> 2.引入外部的样式表
在HTML文件的头部style标记之间，用CSS样式表的＠import将样式表声明引入外部样式表。
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML示例</title>
<style type="text/css">
@import url(div.css);
</style>
</head>
<body>
<div>层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。</div>
</body>
</html>div.css
div{
background-color: crimson;
color: aqua;
} 3.内嵌样式
在HTML标记中，将定义的样式规则作为标记style属性的属性值。样式定义的作用范围仅限于此标记范围之内。
例子：
<html>
<meta charset="UTF-8">
<title>HTNL示例</title>
</head>
<body>
<div style="background-color: red;color: blue;">层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。</div>
</body>
</html> 4.链接外部样式表
HTML文件在头部用link标记链接到CSS样式文件。
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="div.css">
</head>
<body>
<div>层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。</div>
</body>
</html>如果转载以及CV操作，请务必注明出处，谢谢！
182
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
