<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!--
网页分为三部：
结构（html）
表现（css-层叠样式）--肉眼能看到的
行为（javaScript）
css用来设置网页中元素的样式
-->
<!--
使用css来修改元素的样式：
1-内联样式:标签内部通过style属性来设置元素的样式
缺点：只能一行一行设置（开发时不能使用）
2-内部样式:将样式编写到head的style标签里
优点：内部样式可以为整体设置样式,设置标签选择器并为其设置各种样式，方便修改和重复使用
缺点：只能在当前页面使用
3-外部样式：将css样式编写到一个外部的css文件中,通过link标签引入外部的css文件
只要想使用这些样式的网页都可以对其进行引用，不同页面间可以使用
-该样式可以使用到浏览器的缓存机制，从而加快网页的加载速度，提高用户体验
-->
<!--
<style>
p{
color: yellowgreen;
font: 100;
font-size: 30px;
}
</style>
-->
<link rel="stylesheet" href="./style.css">
</head>
<body>
<p>锄禾日当午，汗滴禾下午。</p>
<p>今天天气真不错！</p>
<p>落霞与孤鹜齐飞，秋水共长天一色。</p>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
