网易极客战记官方攻略_网页开发1_时尚意图（补充）
发布于 2020年3月24日
关卡概览和解法
开始学习如何设计网页的各种元素。
简介
style 标签可以用于 style 各种元素的行为方式。
它遵循一套特殊的规则！
默认代码
<-- <style>标签用CSS来设计你的HTML。 -->
<-- 查看提示以获取有关CSS的更多信息！ -->
<h1>The News</h1><!-- 为报纸命名。 -->
<h6>Kithgard edition.</h6>
<style>
h6 {
text-align: center;
}
h1 {
color: red;
text-decoration: underline;
/* 使用文本对齐与中心对齐： */
}
</style>
概览
层叠样式表
级联样式表或 CSS 是网站对网站各个部分进行格式化的方式。
要包含特殊的样式规则，请使用打开和关闭的 style>标签。 注意：style标签与其他 HTML 标签不同！ 您在两个标签之间放置的内容与其他 HTML 标签不同！
<style>
/* 这是元素选择器 */
/* 使用{}来包含CSS规则 */
p {
/* 属性名称首先出现，然后是应该设置的值。*/
color: red;
/*一定要用A：在名称和值之间。使用A；在最后！ */
}
/* 选择器 */
div { /* 括号{} */
/* 属性名称：属性值 */
text-align: center;
/* 注意：和 ; */
}
img {
width: 100px;
height: 200px;
}
</style>
时尚意图 解法
<style>
<!-- <style>标签用CSS来设计你的HTML。 ·-->
<!-- 查看提示以获取有关CSS的更多信息！ ·-->
<h1>The News</h1> <!-- 为报纸命名。 -->
<style>
h1 {
color: red;
text-decoration: underline;
/* 使用文本对齐与中心对齐： */
text-align: center;
}
p {
text-align:center;
/* 给所有段落文本一个颜色： */
/* 颜色可以是紫色，橙色，蓝色等！ */
color: maroon;
}
</style>>
