1、html中的其他标签：
<div>
<span>
<p>
在学习html中的其他标签的时候每个标签都自己特定的用途和含义，并且有些标签还具备特定的样式效果。、
div标签的结尾有换行，后面出现的数据会在下一行显示。div封装的数据可以单独的占用一行
span标签结尾处是没有换行的，并且后面出现的数据会在当前这个标签数据后面继续显示。
不管是div标签还是span标签，它们仅仅是为了封装数据而存在，不对其中的数据做任何的样式效果修饰。
p是段落标签，可以用来在页面上显示文章等信息。
2、块级标签和行内标签：
在标签的末尾如果后换行，标签后续的数据会在下一行显示，这样的标签称为块级标签。
div p table ol ul dl
在标签的末位处没有换行，后续数据继续在当前这个标签的后面显示，这样的标签称为行内标签。
a sub sup input
3、介绍DIV和span的出现原因：
早期网站基本都是table完成整个网站的布局，后来网站的布局进行了升级。不再使用table来布局
而采用div布局网站。后期网站的布局和样式几乎全部采用DIV+CSS来设计。
div和span标签的出现，目的是来封装页面上要显示的数据，而不对这些数据做任何的样式设定。
后期学习的过程中，html标签仅仅是用来封装页面上的数据，而需要使用css来控制页面上的样式显示。
把页面上数据的显示和样式进行分离。
禅意花园
4、CSS：
CSS是层叠样式表（Cascading Style Sheets）用来定义网页的样式效果。
学习CSS需要借助CSS的手册，在手册中描述CSS相关的信息使用说明。
CSS和html代码的结合方式一：
在所有的html标签中都有一个属性style，在这个属性中可以书写CSS样式代码。
在html的标签中使用style属性，style属性值可以是CSS代码。
CSS代码在书写的时候需要使用 属性名:属性值
当在style标签中有多个CSS样式时，多个样式之间使用分号隔开
CSS和html代码的第二种结合方式：
在第一种结合方式中，由于所有的标签如果都要设置同样的样式，或者某些标签要设置相同的样式，
另外一些标签又要设置其他相同的样式。可以把样式单独的抽离出来，
当那些标签需要使用这些样式时，就把这些样式加载那些标签上。
把CSS代码从标签的style属性中抽离出来，使用大括号进行封装，封装完之后，那些标签需要使用这些样式，
在封装体前面就写上这些标签.
CSS代码需要使用style标签来封装。
页面上的CSS代码需要写head标签中。
CSS和html代码的第三种结合方式：
第二种方式可以提高CSS代码的使用效率，但是当页面多的时候，每个页面都要加载这些样式时，
每个页面都需要去写这些样式。
针对有多个页面都要加载某些CSS样式的时候，可以把CSS代码单独抽离到一个CSS文件中，
那些页面需要使用这些CSS样式，就在那些页面加载当前这个样式。
在CSS文件中，直接写CSS代码即可，不需要书写style标签。
当一个页面上要导入多个css文件时，可以再写一个css文件，在这个css文件导入其他的css文件，
在需要导入多个css文件的页面上直接导入当前这个css文件就可以了。
CSS中的注释需要使用 /* 被注释的内容 */
CSS和html代码的第四种结合方式：
可以使用html的link标签来导入css文件。
<link rel="stylesheet" type="text/css" href="css/01.css">
开发时使用此方式。
CSS代码的书写格式：
选择器名称
{
属性名：属性值；
属性名：属性值；
…….
}
属性与属性之间用 分号 隔开
属性与属性值直接按用 冒号 连接
如果一个属性有多个值的话，那么多个值用 空格 隔开。
CSS中的选择器：
选择器功能：是用来表示css样式需要作用在那些标签上的。
它的存在就是用来选择CSS作用的标签的。
标签名选择器
标签名：标签名就是html的标签。当我们需要把css样式作用在某些标签上时，可以直接使用这个标签名
span { span就是标签名
border: dotted 1px blue;
width: 300px;
}
练习：在页面上生成一个表格，这个表格可以输入数据。
思路：表格可以使用table标签来完成。4行4列
在每个单元格中套入Input标签，然后通过css样式取消所有input标签的边框
类名选择器
在html标签中，所有的标签都有一个class属性。
当需要给不同的标签设置相同的样式时，可以在这些标签中定义class属性，
当多个标签需要相同的CSS样式时，只要把这些标签的class属性值设置成一样的。
<input class="one" type="text"/>
<input class="one" type="text"/>
<input class="two" type="text"/>
<input class="two" type="text"/>
<input class="two" type="text"/>
在上述的input标签中，当需要把css样式作用在class属性值为one的标签上时，
.one{
css代码
}
id选择器：
html标签也有一个id属性，可以使用这个属性给响应的标签添加CSS样式。
<div id="div">
</div>
<span id="div">
</span>
要使用css给上述的标签加样式的时候，可以使用标签名，也可以使用id属性
#div{ 当的这个css样式要加载到id名为div 的标签上。
}
标签的id是将来要JavaScript结合来使用的，因此在书写页面的标签id属性时，要求
页面标签的id不能重复。
组合选择器：
把同一个样式加载到不同的标签上。
在书写CSS样式的时候，多个标签名之间使用逗号隔开即可。
关联选择器：
指定某个标签中的其他标签样式，可以使用关联选择器
div p{
color:red;
}
上面设置的就是div中的p标签的字体颜色为红色。
伪元素选择器：
不是真正的选择器，假的选择器，其实是CSS中已经为我们定义好的一套选择器对象。
我们在使用的时候可以直接去使用这些选择器：
a标签有四种状态：
未点击的状态
输入进入的状态
点击过程中的状态
点击后的状态
a:link {
font-size: 14px;
text-decoration: overline;
color: blue;
}
a:visited {
font-size: 10px;
text-decoration: line-through;
color: gray;
}
a:hover {
font-size: 20px;
text-decoration: none;
color: red;
}
a:active {
font-size: 45px;
text-decoration: none;
color: green;
}
a标签的四种状态对应四种不同的伪元素
L V H A
盒子模型：
html标签是用来封装数据，CSS负责页面的样式。
标签与标签之间应该有自己的距离和位置，同样标签中封装的数据和标签本身也有一定的举例。
瀑布流
margin描述外边据
border描述身边的表框
padding描述内边距
它们都上右下左的设置
漂浮：
float：可以是标签进行浮动，可以浮动到左边或者右边，当标签浮动之后，它原来的位置就可以被其他标签元素占用
clear：清除元素的漂浮效果。
定位：
position：
CSS需要掌握的内容。
1、如何在页面上嵌入CSS
2、CSS的选择器
3、简单的CSS样式
边框
内外边距
字体
背景
文本设置
