DAY—01
1.内容回顾
HTML：超文本标记标签
标签：
P标签：段落
br标签：简单换行
h1-h6:标题标签
hr标签：水平分割线
font标签：color属性改变颜色
b标签：加粗
i标签：斜体
strong标签：加粗，带语义
em标签：斜体，带语义
（带语义的标签，更容易接受使用的标签，屏幕阅读时会加重语气）
img标签：图片标签，显示图片
src:指定图片路径（相对路径：./当前路径 ../上一级路径 ../../上上级路径）
width:宽度
hight:高度
alt:图片加载失败时的提示
ul标签：无序列表
ol标签:有序列表
li标签：列表项
a标签：超链接标签:
target:打开方式
herf:指定要跳转的链接地址
table标签：（table>tr>td）
tr标签：行
td标签：列
合并行：rowspan
和并列：colspan
网站注册案例
form标签：表单标签，主要是用来向服务器提交数据
method:指定提交方式： get. post
action:提交路径
input标签： tape属性:
password:密码框
text:文本
submit:提交
button:普通文本
reset:重置按钮
radio:单选按钮， 设置name属性让它们是一组
checkbox:复选按钮
email:邮箱
tel:电话号码
date:出生日期
frameset标签：（须去掉body标签）
rows属性：行
cols属性：列
3.CSS的简单入门
表格布局的缺陷：
1.嵌套层级太多，一单出现嵌套顺序错乱，整个页面达不到预期效果
2.采用表格布局，页面不够灵活，动其中某一块整个表格布局结构全都要变
HTML的块标签
1.div标签：默认占一行，自动换行
2.span标签：内容显示在同一行
css概述：
CSS层叠样式表：
主要作用：用来美化HTML页面
HTML决定网页的骨架，CSS在骨架的基础上用来化妆
CSS的简单语法：在一个style标签中，去编写CSS内容，最好将style标签写在head标签中
<style>
选择器{
属性名称：属性的值；
属性名称2：属性的值2；
}
</style>
CSS选择器：帮助我们找到要修饰的标签或元素
CSS属性标签
DAY—02
4.元素选择器
<style>
元素名称{
属性名称：属性的值
属性名称：属性的值
}
</style>
<head>
<meta charset ="UTF—8">
<title> </title>
<style>
<span>{
color:blue;
}
</style>
</head>
<body>
<span>………</span>
<span>………</span>
<span>………</span>
…………
</body>
DAY—03
5.ID选择器，类选择器
a. ID选择器
语法：以#开头，ID在整个页面中必须是唯一的
#ID名称｛
属性名称：……;
属性名称：……;
｝
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF—8">
< title> </title>
<style >
#div{
color:red；
}
</style>
</head>
<body>
<div id = "div1"> JAVAEE</div>
<div>..... </div>
...........
</body>
</html>
b.类选择器
语法：以. 开头
. 类的名称｛
属性名称：.......... ;
.....………………
｝
用法与ID选择器相类似
DAY—04
6.CSS的引入方式
a. 外部样式：通过link标签引入一个外部的CSS文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF—8">
<title> </title>
<link rel="stylesheet" herf="stylel. css"/>
</head>
<body>
<div class ="shuiguo">香蕉</div>
...............
</body>
</html>
b. 内部样式：直接在style标签内编写（之前在style标签内写的都是内部样式）
c. 行内标签：直接在标签中添加一个style属相，编写CSS样式
<divclass="shuiguo"style="color:greenyellow;">……………</div>
DAY—05
7.CSS的浮动
CSS的浮动：浮动的元素会脱离正常的文档流，在正常的文档流中不占空间
float属性：
left:向左浮动
right:向右浮动
文档流：从上往下
clear属性：清除浮动
both:两边都不允许浮动
left:左边不允许浮动
right:右边不允许浮动
