内容回顾：

　　1标签嵌套

　　　　　　行内标签和块标签

　　　　　　行内标签不可以嵌套块级标签，但不绝对。

　　　　　　块标签嵌套块标签、行内标签。

　　　　　　　　但是p标签中的子标签只能是行内元素，表单元素，图片

　　2table

　　　　tr

　　　　td

　　3form  action 行为 methods：get | | post enctype=‘’ 一点要提交文件到服务器，一定是post请求

　　　　lable

　　　　　　　　for：与input的id有很大关联

　　　　input  这及以下都重要******

　　　　　　　　type

　　　　　　　　　　text：普通的文本

　　　　　　　　　　password：密码本

　　　　　　　　　　submit：

　　　　　　　　　　radio：单选框

　　　　　　　　　　checkbox：多选框

　　　　　　　　name       value

　　　　select

　　　　　　　　option

　　　　textarea

　　　　　　　　rows 排     cols列

　　4 css

　　　　三种引入方式：

　　　　　　（1）行内样式>内接样式和外界样式

　　　　基本选择器

　　　　选择器的作用：选中标签，设置属性

　　　　　　标签选择器：

　　　　　　选择的是‘共性’，不管标签嵌套多少层

　　　　　　<div   id='box'   class='box'> alex </div>

　　　　　　div{

　　　　　　　　　　color:red;

　　　　　　　　}

　　　　　　div

　　　　　　　　　　div　　　　　　　　这往下可以256个，不过过了6  7个就乱码或者太麻烦没必要

　　　　　　id选择器

　　　　　　　　　　选择的是‘特性’，id是唯一的，未来与js有很大关联

　　　　　　#box{

　　　　　　　　　　color:yellow;

　　　　　　　　}　　

　　　　　　class选择器

　　　　　　　　　　选择的是共性，类选择器可以设置多个。一个标签也可以设置多个

　　　　　　.box{

　　　　　　　　　　color:green;
　　　　　　　　}
　　　　　　.active{
　　　　　　　　　　color:red;
　　　　　　　　}

　　　　　　通配符选择器 重置样式
　　　　　　*{
　　　　　　　　padding:0;　　　　　　去除内边距
　　　　　　　　margin: 0;    margin:n m p q表示该元素上外边距为n   1px，右外边距为m，下外边距为p，左外边距为q，即 margin:上 右 下 左 ，逆时针一圈。
　　　　　　}
　　　　　　ul{
　　　　　　　　list-style:none;      列表样式无
　　　　　　}
　　　　　　a{
　　　　　　　　text-decoration:none;     文本修饰无
　　　　　　}

今日内容：

　　　　1。高级选择器

　　　　　　后代选择器

　　　　　　　　儿子、孙子、重孙子

　　　　　　div  ul  li   p{ color:red;}

　　　　　　自带选择器，只能是亲儿子

　　　　　　div  p

　　　　　　组合选择器

　　　　　　　　多个选择器组合到一起共同设置样式

　　　　　　　　div，p，a，li，span{font-size: 14px;}文本文件大小

　　　　　　交集选择器

　　　　　　　　　　div.active{}

　　　　　　属性选择器

　　　　　　input【type=‘text’】

　　　　　　伪类选择器：LoVe HAte

　　　　　　　　　　　　a：link   没有被访问的

　　　　　　　　　　　　a：visited  访问过后的

　　　　　　　　　　　　a：hover   鼠标悬停的时候发生变化

　　　　　　　　　　　　a：active   按住的时候

　　　　　　伪元素选择器

　　　　　　　　　　　　p：before  在。。。的前面添加内容  一定要结合content

　　　　　　　　　　　　p：after  在。。。的后面添加内容  与后面的布局有很大关系

　　2.css的继承性和层叠性（坑）

　　　　　 继承性：color、text-xxx、font-xxx、line-xxx（行高）的属性是可以继承下来。盒模型的属性是不可以继承下来的

　　　　　a标签有特殊情况，设置a标签的字体颜色  一定要选中a，不要使用继承性

　　　　　层叠性：     覆盖

　　　　　　　　　　（1）行内>ID>class>标签****

　　　　　　　　　　　　1000  100     10    1

　　　　　　　　　　（2）先数id 再class。。。。

　　　　　　　　　　（3）先选中标签，权重一样，以后设置为主

　　　　　　　　　　（4）继承来的属性   它的权重为0，与选中的标签没有可比性

　　　　　　　　　　（5）如果都是继承来的属性，保证就近原则（谁继承的更深入，谁权重高）

　　　　　　　　　　（6）都是继承来的属性，选择的标签一样近，再去数权重

　　3.盒模型

　　　　　　属性：

　　　　　　　　　　width：内容的宽度

　　　　　　　　　　height：内容的高度

　　　　　　　　　　padding：内边距  内容到边框的距离

　　　　　　　　　　border：边框

　　　　　　　　　　margin：外边距    另一个边到另一个边的距离

　　　　　　盒模型的计算：

　　　　　　　　　　总结：如何保证盒模型的大小不变，加padding  就一定要减width或者减height

　　　　　　　　　　前提是：在标准文档流

　　　　　　　　　　　　　　　　padding：父子之间调整位置

　　　　　　　　　　　　　　　　margin：兄弟之间调整位置

　　　　4，布局的方式   浮动

　　　　　　　　浮动能实现元素并排   float

　　　　　　　　盒子一浮动 就脱离了标准文档流，不占位置。