1、CSS的作用和字体样式
a、CSS的作用在于：
1、有效传递页面信息
2、美化网页，吸引用户
3、凸显页面主题
4、提高用户体验
span标签：重点的内容使用span标签套起来
例如以下内容，我们需要突出“前端”，就可以用span标签套住，当然，这是约定俗成的
<body>
欢迎学习前端
</body><body>
欢迎学习<span>前端</span>
</body>当然还得对“前端”用css进行美化
span[id=important]{
font-size: 90px;
}
效果如上
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
span[id=important]{
font-size: 90px;
}
</style>
</head>
<body>
欢迎学习<span id="important">前端</span>
</body>
</html>
b、字体样式
例如我们随便摘抄一段话过来
<h1>简介</h1>
<p>
初音未来（はつね みく，Hatsune Miku），是2007年8月31日由Crypton Future Media以雅马哈的 Vocaloid 系列语音合成程序为基础开发的音源库，音源数据资料采样于日本声优藤田咲。
2010年4月30日，发布初音未来6种不同声调的版本“初音未来Append”。2013年8月31日，初音未来英文版本同VOCALOID3一并发行。此外，初音未来还担任日本音乐团体Sound Horizon的演唱与合唱。
</p>
接下来我们希望美化一下字体
font-family——改变字体样式（风格）（同时，这里可以同时输入多种字体样式，对应不同语言，如英语和汉语）
font-size——改变字体大小
font-weight——改变字体粗细
color——字体颜色
但是我们可以直接在font中写字体样式，风格，大小，粗细
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
font-family: 'Courier New', Courier, monospace;
}
h1{
font-size: 50px;
}
p{
font-weight: 500;
color: aqua;
}
</style>
</head>
<body>
<h1>简介</h1>
<p>
初音未来（はつね みく，Hatsune Miku），是2007年8月31日由Crypton Future Media以雅马哈的 Vocaloid 系列语音合成程序为基础开发的音源库，音源数据资料采样于日本声优藤田咲。
2010年4月30日，发布初音未来6种不同声调的版本“初音未来Append”。2013年8月31日，初音未来英文版本同VOCALOID3一并发行。此外，初音未来还担任日本音乐团体Sound Horizon的演唱与合唱。
</p>
</body>
</html>
110
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
