Table of Contents
1.复习内容
2.灵感代办
- 问题1.float为什么不遮挡inline-block
3.学习内容
-
float属性中疑惑点,
- inline-block不设置宽高,并不被遮挡,文字环绕笑过,最好用inline来制作
- float可以遮挡block,和inline,但是inline-block好像不被遮挡,并排或者换行显示
- inline-block 看着换行了,其实还是一行,比如两个浮动div会排列到两个inline-block前面
- BFC的个人理解
-
行内块元素与行内元素的区别
-
文本流文档流
- 文本流应该叫做正常流
- 文档流是相对于盒子模型讲的
- 文本流是相对于文子段落讲的
- 元素浮动之后,会让它跳出文档流,也就是说当它后面还有元素时,其他元素会无视它所占据了的区域,直接在它身下布局。但是文字却会认同浮动元素所占据的区域,围绕它布局,也就是没有拖出文本流。
- 但是绝对定位后,不仅元素盒子会拖出文档流,文字也会出文本流。那么后面元素的文本就不会在认同它的区域位置,会直接在它后面布局,不会在环绕。
当然你可以使用 index-z 来让底部的元素到上面来,类似于一个图层的概念
- https://www.zhihu.com/question/24529373/answer/704041782
-
JS基础
-
web发展史
- Mosaic是互联网第一个普遍被使用的浏览器
- Navigator根据Mosaic改的,网景破产之后Mozilla又改了一遍
- 1996年 Brendan Eich创造出JavaScript
- JavaScript早起叫LiveScript
-
浏览器组成
-
shell部分
-
内核部分
- 渲染引擎(语法规则和渲染)
- js引擎
- 其他模块
- 浏览器绘制 :从上到下
-
JS引擎
- Chome的V8引擎最厉害,可以将JS直接转换成字节码
- 解释性语言
-
Web标准
- 结构 行为 样式 相分离 ,HTML CSS JavaScript互相分离
-
JavaScript基础
- 原始值(常量)不能更改(改变原始值就是另附一个新值给变量)
- 分为栈和堆,
- 两种错误
- 低级错误:先扫描一边,看看基础错误
- 逻辑错误:标准错误
- 两个<Script></Script>就是两个块,两个块之间的错误不影响
4.扩展延伸知识
5.知识内容个人梳理
6.今天都复习了之前的什么内容
- 问题1.float为什么不遮挡inline-block
3.学习内容
-
float属性中疑惑点,
- inline-block不设置宽高,并不被遮挡,文字环绕笑过,最好用inline来制作
- float可以遮挡block,和inline,但是inline-block好像不被遮挡,并排或者换行显示
- inline-block 看着换行了,其实还是一行,比如两个浮动div会排列到两个inline-block前面
- BFC的个人理解
-
行内块元素与行内元素的区别
-
文本流文档流
- 文本流应该叫做正常流
- 文档流是相对于盒子模型讲的
- 文本流是相对于文子段落讲的
- 元素浮动之后,会让它跳出文档流,也就是说当它后面还有元素时,其他元素会无视它所占据了的区域,直接在它身下布局。但是文字却会认同浮动元素所占据的区域,围绕它布局,也就是没有拖出文本流。
- 但是绝对定位后,不仅元素盒子会拖出文档流,文字也会出文本流。那么后面元素的文本就不会在认同它的区域位置,会直接在它后面布局,不会在环绕。
当然你可以使用 index-z 来让底部的元素到上面来,类似于一个图层的概念
- https://www.zhihu.com/question/24529373/answer/704041782
-
JS基础
-
web发展史
- Mosaic是互联网第一个普遍被使用的浏览器
- Navigator根据Mosaic改的,网景破产之后Mozilla又改了一遍
- 1996年 Brendan Eich创造出JavaScript
- JavaScript早起叫LiveScript
-
浏览器组成
-
shell部分
-
内核部分
- 渲染引擎(语法规则和渲染)
- js引擎
- 其他模块
- 浏览器绘制 :从上到下
-
JS引擎
- Chome的V8引擎最厉害,可以将JS直接转换成字节码
- 解释性语言
-
Web标准
- 结构 行为 样式 相分离 ,HTML CSS JavaScript互相分离
-
JavaScript基础
- 原始值(常量)不能更改(改变原始值就是另附一个新值给变量)
- 分为栈和堆,
- 两种错误
- 低级错误:先扫描一边,看看基础错误
- 逻辑错误:标准错误
- 两个<Script></Script>就是两个块,两个块之间的错误不影响
4.扩展延伸知识
5.知识内容个人梳理
6.今天都复习了之前的什么内容
float属性中疑惑点,
- inline-block不设置宽高,并不被遮挡,文字环绕笑过,最好用inline来制作
- float可以遮挡block,和inline,但是inline-block好像不被遮挡,并排或者换行显示
- inline-block 看着换行了,其实还是一行,比如两个浮动div会排列到两个inline-block前面
行内块元素与行内元素的区别
文本流文档流
- 文本流应该叫做正常流
- 文档流是相对于盒子模型讲的
- 文本流是相对于文子段落讲的
- 元素浮动之后,会让它跳出文档流,也就是说当它后面还有元素时,其他元素会无视它所占据了的区域,直接在它身下布局。但是文字却会认同浮动元素所占据的区域,围绕它布局,也就是没有拖出文本流。
- 但是绝对定位后,不仅元素盒子会拖出文档流,文字也会出文本流。那么后面元素的文本就不会在认同它的区域位置,会直接在它后面布局,不会在环绕。
当然你可以使用 index-z 来让底部的元素到上面来,类似于一个图层的概念 - https://www.zhihu.com/question/24529373/answer/704041782
JS基础
-
web发展史
- Mosaic是互联网第一个普遍被使用的浏览器
- Navigator根据Mosaic改的,网景破产之后Mozilla又改了一遍
- 1996年 Brendan Eich创造出JavaScript
- JavaScript早起叫LiveScript
-
浏览器组成
-
shell部分
-
内核部分
- 渲染引擎(语法规则和渲染)
- js引擎
- 其他模块
- 浏览器绘制 :从上到下
-
JS引擎
- Chome的V8引擎最厉害,可以将JS直接转换成字节码
- 解释性语言
-
Web标准
- 结构 行为 样式 相分离 ,HTML CSS JavaScript互相分离
-
JavaScript基础
- 原始值(常量)不能更改(改变原始值就是另附一个新值给变量)
- 分为栈和堆,
- 两种错误
- 低级错误:先扫描一边,看看基础错误
- 逻辑错误:标准错误
- 两个<Script></Script>就是两个块,两个块之间的错误不影响
-
5.知识内容个人梳理
6.今天都复习了之前的什么内容