P1 列表元素
1.有序列表：
ol：整个列表。
li:列表里面的一项。
<body>
把大象装冰箱需要几步？
<ol>
<li>打开</li>
<li>放进去</li>
<li>关上去</li>
</ol>
</body>2.无序列表:常用于制作菜单或者新闻列表。
ul：无序列表。
<body>
择偶条件：
<ul>
<li>高</li>
<li>富</li>
<li>帅</li>
</ul>
</body>3.定义列表：用于一些术语的定义。
(1)dl(2)dt(3)dd
<body>
HTML中的术语解释：
<dl>
<dt>HTML</dt>
<dd>超文本标记语言</dd>
<dt>元素</dt>
<dd>组成HTML文档的单元</dd>
</dl>
</body>P2 容器元素
1.定义：该元素代表一个块区域，内部用于放置其他元素
(1)div元素：没有语义。
(2)语义化容器元素：
①header：通常用于表示页头，也可以用于表示文章头部。
<header>
<div>
<img src="../day2/1.png" alt="sfgg">
</div>
<div>
<ul>
<li>sddf</li>
<li>sfdg</li>
<li>dgfgd</li>
<li>zdgr</li>
</ul>
</div>
</header>②footer：通常用于表示页脚，也可以用于表示文章尾部。
③article：通常用于表示整篇文章。
④section：通常用于表示文章的章节。
⑤aside:通常用于（表达一些附加信息）表示侧边栏。
P3 元素包含关系
1.以前：块级元素可以包含行级元素，行级元素不可以包含块元素，a元素除外。
2.元素的包含关系由元素的内容类别决定。
例如：查看h1元素中是否可以包含p元素。
3.总结：
(1)容器元素中可以包含任何元素。
(2)a元素中几乎可以包含任何元素。
(3)某些元素有固定的子元素（ul>li,ol>li,dl>dt+dd）。
(4)标题元素和段落元素不能相互嵌套，并且不能包含容器元素。
P4 为网页添加样式
1.术语解释：CSS规则=选择器+生命块
h1{
color: red;
background-color: lightblue;
text-align: center;
}（1）选择器：选中元素
①ID选择器：选中的是对应ID值的元素。
②元素选择器
③类选择器
（2）声明块：出现在大括号中，声明块中包含很多声明（属性），每一个声明（属性）表达某一方面的样式。
2.CSS代码书写位置
（1）内部样式表：书写在style元素中。
（2）内联样式表：也叫元素样式表。
<h1 style="color: blue;background-color: lightblue;">
现在开始添加样式
</h1>（3）外部样式表：将样式书写在独立的CSS元素中。（推荐）
①解决多样式页面重复的问题。
②有利于浏览器缓存，提高页面响应速度。
③有利于代码分离（HTML和CSS），更易于阅读和维护。
P5 常见样式声明
1.color：元素内部的文字颜色。
预设值：定义好的单词。
三原色（色值）：每个颜色可以使用0-255之间的数字来表达。
例如：①rgb（0,255,0）②hex（16进制）表示法：#008c8c
淘宝红:#ff4400，#f40
黑色：#000000，#000
白色：#ffffff，#fff
红色：#ff0000，#f00
绿色：#00ff00，#0f0
蓝色：#0000ff，#00f
紫色：#f0f
青色：#0ff
黄色：#ff0
灰色：#ccc
2.background-color：元素背景颜色。
3.font-size：元素内部文字的尺寸大小。
（1）px：绝对单位，像素。
（2）em:相对单位，相对于父元素的字体大小。
每个元素必须有字体大小，如果没有声明，则直接使用父元素的字体大小，如果没有父元素（HTML），则使用基准字号。
4.font-weight：文字粗细程度，可以取值数字，可以取值为预设值。
5.font-family：文字类型，必须用户计算机中存在的字体才会有效。使用多个字体以匹配多个不同的环境。
sans-serif 非衬线字体
<style>
div{
font-family: consolas,翩翩体-简，微软雅黑，Arial,sans-serif;
}
</style>
6.font-style:字体样式，通常用于设置斜体。
i、em元素，默认样式，是倾斜字体，i元素在实际应用中，通常表示一个图标。
strong元素，默认加粗。
7.text-decoration：文本修饰。
a元素
del元素：错误的内容。
s元素：过期的内容。
8.text-indent：首行文本缩进。
9.line-height：每行文本的高度，该值越大，每行文本距离越大。
设置行高为容器的高度，可以让单行文本垂直居中。
行高可以设置为纯数字，表示相对于当前元素字体的大小。
951
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
