来黑马已经20天了，简单的写一点我的学习心得。我们是从html入手 讲完元素和标签的用法和书写格式后平滑的过渡到css的课程，不会让人感到不适应，好评！下面梳理一下知识点：
web标准:web标准分为三个方面，结构，表现，行为。对应的是html,css和js 表格部分
table表格：通过行和单元格实现的表格感觉需要用到的地方不多。
列表：列表我们主要用到的是无须列表，且把他的默认样式去掉
表单：作用是收集用户信息 可以通过post或get两种方式进行传输 当用户信息填写完成后将数据提交到服务器 get方式会在地址栏留下信息 所以一般不用。
引用css：分为行内 内嵌 外嵌三种方式 一般采用外嵌 便于维护
命名规范：不能以纯数字或数字开头命名；不能出现特殊符号_-除外
标签的分类：分为3种 块级元素 行内元素 行内块元素；
特点：块级元素：宽度默认容器100% ，独占一行，可以自己控制内外边距，宽度高度, 可以嵌套任何元素标签,
文字块级标签 p h1-h6 dt不能嵌套块级元素，可嵌套行内和行内块元素
行内元素：和其他行内元素放在一行，宽高是被内容撑开的，直接设置宽高无效，行内元素只能嵌套文本和行内元素，不能嵌套行内块元素，行内元素代码换行会生成缝隙
行内块元素：和其他行内元素，行内块在一行显示，高度，行高 内外边距可以设置，行内块元素代码换行会生成缝隙， 默认宽度就是其本身的宽度
块级元素：div ul ol li p h1-h6 dl dt form
行内元素 ：a span strong b em i del s ins u
行内块元素：input img textarea td
行内元素与块级元素转换：display:inline,block,inline-block；
Css继承性：text-  font- line- color可以继承；a标签不会继承父元素的color;标题标签不会继承父元素的文字大小；css权重：*和继承没有权重  标签：1  class:10   伪类（class:hover）：10 id:100 行内样式：1000
！important：最高
Padding 如果盒子是块元素有宽度必会撑宽 没有宽度默认充满屏幕 则不会
让块级盒子水平居中  要有宽度
行内元素尽量设置左右内外边距，不要上下；
外边距垂直方向 相邻块元素 浏览器取最大 解决方法 选择一个加上另一个的值
嵌套关系 margin-top 父随子一起 解决方法 给父级加padding margin overflow:hidden
矩形变圆：border-radius=高度的一半；
正圆：写一个正方形，border-radius=50%（宽度和高度的一半）；
导航栏位a标签要用li包着
css布局3中类型：普通 浮动 position定位
inline-block：将行内块放在一行会有缝隙
float作用：漂浮在标准流上面，脱离标准流的控制；让div在一行显示
div添加浮动属性后 display转换为inline-block 但放在一行没有缝隙
浮动不会影响上面标准流里的块元素，只会影响下面标准流里的块元素；
行内元素浮动后可以设置宽高 块元素浮动后不继承父级宽度 ；
父级不方便给高度 由元素自己撑开
清除浮动主要是为了解决父级元素因为子级浮动引起内部高度为0的问题
清除浮动方法：
1 额外标签法：在浮动的最后一个浮动元素后面添加一个标签 标签样式为clear:both;
2 overflow法：给父级(亲爹)添加overflow：hidden(剪切 超出部分隐藏)；auto（超出部分加滚动条） ,scroll
3 单双伪元素 ::before   ::after 一个冒号是伪类，两个是伪元素
三种布局的上下顺序：最底层标准流，中间浮动，最上面定位;
相对定位：1 相对于原来的位置进行定位 2 不脱标3 原来在标准流的区域继续占有，后面的盒子仍以标准流的方式对待它
绝对定位：1 以 父级（祖先，任何定位都行）为准进行定位，父级没有定位则以浏览器为准进行定位；从父级开始查找；
2 脱标（转为行内块元素，不继承父级元素）
3 默认转化为行内块元素
固定定位：1 跟父级没有关系
2 以浏览器可视窗口为准
绝对水平居中：left:50%,margin-left:-1/2px;
行内，行内块元素不参与浮动，会环绕浮动元素；
显示与隐藏：
display:隐藏后不占位置
visibility:隐藏后保留位置
Overflow(超出部分):visible(默认正常显示) hidden（隐藏）
input边框去掉轮廓线：outline:0
防止拖拽文本域：resize:none
文字用省略号表示：
  /*1. 先强制一行内显示文本*/
white-space: nowrap;
/*2. 超出的部分隐藏*/
overflow: hidden;
/*3. 文字用省略号替代超出的部分*/
text-overflow: ellipsis;
精灵图： 设置距离后要改成负值
滑动门 ：
1 a是设置左侧背景（左门），因为我们是滑动门，左右推拉 跟文字内容多少有关系，此时需要用文字撑开盒子，就要用到行内块
2 span是设置右侧背景（右门）
3 因为整个导航栏都是标签 所以a要包含span
Transition:要过渡的属性 花费时间 运动曲线 何时开始；
以上就是我梳理的知识点

        

来黑马已经20天了，简单的写一点我的学习心得。我们是从html入手 讲完元素和标签的用法和书写格式后平滑的过渡到css的课程，不会让人感到不适应，好评！下面梳理一下知识点：
web标准:web标准分为三个方面，结构，表现，行为。对应的是html,css和js 表格部分
table表格：通过行和单元格实现的表格感觉需要用到的地方不多。
列表：列表我们主要用到的是无须列表，且把他的默认样式去掉
表单：作用是收集用户信息 可以通过post或get两种方式进行传输 当用户信息填写完成后将数据提交到服务器 get方式会在地址栏留下信息 所以一般不用。
引用css：分为行内 内嵌 外嵌三种方式 一般采用外嵌 便于维护
命名规范：不能以纯数字或数字开头命名；不能出现特殊符号_-除外
标签的分类：分为3种 块级元素 行内元素 行内块元素；
特点：块级元素：宽度默认容器100% ，独占一行，可以自己控制内外边距，宽度高度, 可以嵌套任何元素标签,
文字块级标签 p h1-h6 dt不能嵌套块级元素，可嵌套行内和行内块元素
行内元素：和其他行内元素放在一行，宽高是被内容撑开的，直接设置宽高无效，行内元素只能嵌套文本和行内元素，不能嵌套行内块元素，行内元素代码换行会生成缝隙
行内块元素：和其他行内元素，行内块在一行显示，高度，行高 内外边距可以设置，行内块元素代码换行会生成缝隙， 默认宽度就是其本身的宽度
块级元素：div ul ol li p h1-h6 dl dt form
行内元素 ：a span strong b em i del s ins u
行内块元素：input img textarea td
行内元素与块级元素转换：display:inline,block,inline-block；
Css继承性：text-  font- line- color可以继承；a标签不会继承父元素的color;标题标签不会继承父元素的文字大小；css权重：*和继承没有权重  标签：1  class:10   伪类（class:hover）：10 id:100 行内样式：1000
！important：最高
Padding 如果盒子是块元素有宽度必会撑宽 没有宽度默认充满屏幕 则不会
让块级盒子水平居中  要有宽度
行内元素尽量设置左右内外边距，不要上下；
外边距垂直方向 相邻块元素 浏览器取最大 解决方法 选择一个加上另一个的值
嵌套关系 margin-top 父随子一起 解决方法 给父级加padding margin overflow:hidden
矩形变圆：border-radius=高度的一半；
正圆：写一个正方形，border-radius=50%（宽度和高度的一半）；
导航栏位a标签要用li包着
css布局3中类型：普通 浮动 position定位
inline-block：将行内块放在一行会有缝隙
float作用：漂浮在标准流上面，脱离标准流的控制；让div在一行显示
div添加浮动属性后 display转换为inline-block 但放在一行没有缝隙
浮动不会影响上面标准流里的块元素，只会影响下面标准流里的块元素；
行内元素浮动后可以设置宽高 块元素浮动后不继承父级宽度 ；
父级不方便给高度 由元素自己撑开
清除浮动主要是为了解决父级元素因为子级浮动引起内部高度为0的问题
清除浮动方法：
1 额外标签法：在浮动的最后一个浮动元素后面添加一个标签 标签样式为clear:both;
2 overflow法：给父级(亲爹)添加overflow：hidden(剪切 超出部分隐藏)；auto（超出部分加滚动条） ,scroll
3 单双伪元素 ::before   ::after 一个冒号是伪类，两个是伪元素
三种布局的上下顺序：最底层标准流，中间浮动，最上面定位;
相对定位：1 相对于原来的位置进行定位 2 不脱标3 原来在标准流的区域继续占有，后面的盒子仍以标准流的方式对待它
绝对定位：1 以 父级（祖先，任何定位都行）为准进行定位，父级没有定位则以浏览器为准进行定位；从父级开始查找；
2 脱标（转为行内块元素，不继承父级元素）
3 默认转化为行内块元素
固定定位：1 跟父级没有关系
2 以浏览器可视窗口为准
绝对水平居中：left:50%,margin-left:-1/2px;
行内，行内块元素不参与浮动，会环绕浮动元素；
显示与隐藏：
display:隐藏后不占位置
visibility:隐藏后保留位置
Overflow(超出部分):visible(默认正常显示) hidden（隐藏）
input边框去掉轮廓线：outline:0
防止拖拽文本域：resize:none
文字用省略号表示：
  /*1. 先强制一行内显示文本*/
white-space: nowrap;
/*2. 超出的部分隐藏*/
overflow: hidden;
/*3. 文字用省略号替代超出的部分*/
text-overflow: ellipsis;
精灵图： 设置距离后要改成负值
滑动门 ：
1 a是设置左侧背景（左门），因为我们是滑动门，左右推拉 跟文字内容多少有关系，此时需要用文字撑开盒子，就要用到行内块
2 span是设置右侧背景（右门）
3 因为整个导航栏都是标签 所以a要包含span
Transition:要过渡的属性 花费时间 运动曲线 何时开始；
以上就是我梳理的知识点