摘要: 三布局 1. 流式布局 float+margin 2. 定位 3. 双飞翼 4. 圣杯 5. 弹性盒子布局移动端布局 全称叫弹性和模型:是由父级的弹性容器和子级的弹性子元素两者构造。 Display:flex;这个属性决定谁是弹性容器,他里面的子元素就是弹性子元素。 Flex 是弹性子元素在弹性容器 阅读全文
posted @ 2018-10-16 20:00 前端*迷途者 阅读(120) 评论(0) 推荐(0)
摘要: 1. css中的兼容性 浏览器和浏览器之间是由差距的,这个差距是由浏览器自身的内核决定的。 每个浏览器都有自己的前缀,主要解决css3中的兼容问题。 Chrome(谷歌) 的前缀 -webkit- Firefox(火狐) 的前缀 -moz- Ie 的前缀 -ms- Opera(欧朋) 的前缀 -o- 阅读全文
posted @ 2018-10-16 19:59 前端*迷途者 阅读(151) 评论(0) 推荐(0)
摘要: 单位 1.px 就是一个基本的单位像素 2.em 也是一个单位用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body,如果body没有那就默认是16px。 3.rem 也是一个单位,只跟根节点<html>的字体大小有关,如果没有默认是16px 4.line-height 行 阅读全文
posted @ 2018-10-16 19:44 前端*迷途者 阅读(183) 评论(0) 推荐(0)
摘要: 1. 去滚动条的属性 overflow:hidden; overflow-x:hidden; 水平超出的隐藏。 2. z-index 层次叠加元素重叠谁的值大谁在上面 (1) 父级出现position:relative;时候z-index失效 (2) 层叠元素出现float的时候会失效 (3) 层叠 阅读全文
posted @ 2018-10-16 19:42 前端*迷途者 阅读(2267) 评论(0) 推荐(0)
摘要: 双飞翼布局:中间固定 两端auto(自适应); 圣杯布局:两端固定,中间auto(自适应); margin 是 外边距, 属性值是数字, 数字又分正负。 正数:margin:20px; 负数:在static元素中(标准流下)margin-left为负数当前元素向左走 margin-top为负当前元素 阅读全文
posted @ 2018-10-16 19:40 前端*迷途者 阅读(124) 评论(0) 推荐(0)
摘要: 例: console. log(a) //undefined ?? var a="hello world" console. log(a) js代码执行前,浏览器会给一个全局作用域window window分两个模块, 一个是存储模块 一个是执行模块 存储模块 找到所有的var和function 关 阅读全文
posted @ 2018-10-16 19:19 前端*迷途者 阅读(136) 评论(0) 推荐(0)