摘要：
一、高度塌陷 （一）在文档流中，一个块级元素如果没有设置height，其height是由子元素撑开的；也就是子元素多高，父元素就多高； 但是为子元素设置浮动后，子元素会完全脱离文档流，此时会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷； 由于父元素的高度塌陷了，则父元素下的所有元素都会向上移 阅读全文
摘要：
一、CSS 3D 1.什么是3d的场景呢？ 2d场景，在屏幕上水平和垂直的交叉线x轴和y轴 3d场景，在垂直于屏幕的方法，相对于2d多出个z轴 Z轴：靠近屏幕的方向是正向，远离屏幕的方向是反向 2.CSS3中的3D变换主要包括以下几种功能函数： （1）3D位移：CSS3中的3D位移主要包括trans 阅读全文
摘要：
一、CSS3渐变 （一）.CSS3渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过度；渐变效果比使用图片在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的 1.线性渐变 语法：background：linear-gradient（direction，color 阅读全文
摘要：
一、移动端页面布局 1.移动端的屏幕尺寸 移动端屏幕尺寸：屏幕对角线的长度，单位是英寸（1英寸=2.45厘米）； 常见的尺寸有：2.4，2.8，3.5，3.7，4.2，5.0，5.5，6.0 2.屏幕的分辨率 屏幕分辨率：指横纵方向上的像素点数，单位为px，1px=1像素点； 一般以纵向像素*横向像 阅读全文
摘要：
1 2 3 4 5 6 19 20 21 22 23 阅读全文
摘要：
1 2 3 4 5 Document 6 81 82 83 84 85 86 一级导航 87 88 89 二... 阅读全文
摘要：
1 2 3 4 5 6 38 39 40 41 42 43 44 45 阅读全文
摘要：
一、标签 HTML 1.html由浏览器去解析，存在兼容性问题 2.html文件的后缀名可以是 .html 或 .htm 3.它是一个标记语言，并非编程语言 标签 1.标签是由尖括号包围的关键词比如 <html> 2.标签分为单标签和双标签 <br/> <p></p> 3.标签之间可以相互嵌套，切记 阅读全文
摘要：
一、弹性盒模型 1.display：flex 说明：设置为弹性盒（父元素添加） 要让一个元素变成伸缩容器，需要使用display属性。 采用flex布局的元素，称为伸缩容器(flex container)，容器内的子元素称为伸缩项目(flex item) 注意：浏览器会将任何直接在伸缩容器里的连续文 阅读全文
摘要：
一、怪异盒模型 （一） box-sizing：content-box（标准盒模型）/border-box（怪异盒模型/IE盒模型 ）允许以特定的方式定义匹配某个区域元素的特定元素 1.content-box这是由CSS2.1规定的宽度高度行为； 宽度和高度分别应用到元素的内容框； 在宽度和高度之外绘 阅读全文