发表于： 2019-11-07 23:44:39
1 1023
今天完成的事情：
1 后台、用户模块优化
2 前台、课程年级选择，搜索，优化
3 复习了一些html css
明天计划的事情：
1 调试接口
2 复习
遇到的问题：
1 暂无
收获：
1 浏览器内核（知道主流的五大浏览器）
浏览器内核分成两部分：渲染引擎(layout engineer、Rendering Engine)和 JS引擎
浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
渲染引擎： 负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机
JS引擎：解析Javascript语言，执行javascript语言来实现网页的动态效果，脚本。最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。
4大内核：Trident (ie)、Gecko (火狐Mozilla FireFox)、Webkit (苹果Safari)、Chromium/Blink (谷歌Chrome)
浏览器内核(前5个是5大主流浏览器)
移动端内置浏览器内核
2 盒子模型
ie8+中和W3C标准中盒子模型可通过box-sizing自由的进行切换，默认都为默认值为content-box，即标准盒模型如果将box-sizing设为border-box则用的是IE盒模型。在ie6,7,8中DOCTYPE缺失会触发IE模式。
W3C标准盒子模型：属性width,height只包含内容content，不包含border和padding
IE盒模型：属性width,height包含border和padding，指的是content+padding+border
3 常见选择器和优先级
4 浮动塌陷(两个以上)
在文档流中，父元素未设高，它的高默认是被子元素撑开，即子元素多高，父元素就有多高。但子元素设置浮动之后，它就脱离文档流。父元素还在文档流中，此时父元素的高度就没有子元素撑起（子元素无法撑起父元素的高度），从而导致父元素的高度塌陷。
1父元素上用bfc例如：overflow：hiddle来解决溢出问题
2 在浮动后增加一个元素(内联元素除外)设置clear: both; 父元素用伪元素before/after也行。设置内联块会有空白节点，设置块不会有空白节点，有内容则跟内联块一个效果。
3 父元素也设置为浮动
5 BFC
bfc(Block Formatting Context)格式化排列。
1.内部的box会在垂直方向上一个接一个的放置：
还是针对没有属性的，像有浮动的或者inline-block还是按照他们自身的属性排列
2.垂直方向上的距离由margin决定：
遵从的还是正常文档流， 两个块元素垂直的magin会重叠，给其中一个设置成为bfc的子元素可以解决。
3.bfc的区域不会和float区域重叠：
跟浮动在同一行的时候，不会和float区域重叠，bfc里面的文字也不会环绕在浮动周围
4.计算bfc高度时，浮动元素也参与计算：
利用overflow:hidden清除浮动嘛，因为浮动的盒子无法撑出处于标准文档流的父盒子的height。对绝对定位不管用。
总结：bfc就是页面上的一个独立容器，容器里面的子元素不会影响外面元素。
6 水平垂直居中
返回列表
评论