关键字:Flex布局
  • 17个场景,带你入门CSS布局
    CSS 布局本质就是控制元素的位置和大小。比如这样的布局:元素宽960px,水平居中。宽960px是大小。水平居中是位置。又如这样的布局:两个元素在一行,左侧元素固定宽200px,右侧元素撑满剩余空间。固定宽200px,撑满剩余空间是大小。 ...
  • css部分基础知识回顾(一)
    css盒子模型 css和模型有两种,第一种是标准盒子模型(content-box),另一种是怪异盒子模型(IE,border-box)。标准盒子模型的盒子宽度width = contentWidth + paddingLeft + pad ...
  • CSS: 实现两栏布局,左边固定,右边自适应的4种方法
    1. float+overflow:hidden 这种办法主要通过 overflow 触发 BFC,而 BFC 不会重叠浮动元素。由于设置 overflow:hidden 并不会触发 IE6-浏览器的 haslayout 属性,所以需要设置 ...
  • CSS:三栏布局
    -三列布局,中间宽度自适应,两边定宽; -中间栏要在浏览器中优先展示渲染; -允许任意列的高度最高; 1. 绝对定位 原理就是将左右两边的元素设置为绝对定位,中间的元素设置其左右的margin值为左右两个元素的宽度 <!DOCTYPE ht ...
  • 前端自学路线图之前端自学大纲
    前端自学路线图如下,前端自学需要耗费的时间和精力不比其他编程的少,近些年企业对前端人才的需求在不断增加,怎么还会有人说自学前端找不到工作?这是出于这样的原因,黑马程序员给想要自学前端的小伙伴整理一整套自学路线图,从自学HTML5到React ...
  • 前端自学路线图之移动Web自学
    黑马程序员前端自学路线图中第二阶段是移动Web网页开发的学习:主要介绍了前端这自学路线图中移动web网页开发的自学目标,前端自学路线图的移动web网页开发的市场价值,前端自学路线图的移动web网页开发的重点知识。 前端自学路线图中移动web ...
  • css部分基础知识回顾(二)
    浏览器回流与重绘 之所以能在页面上看到内容,是因为浏览器拿到服务器发送的数据后,开始做解析标签样式的操作,然后维护了一棵Dom树和Style树。 回流(重排):是指浏览器重新刷新整个或者部分模块的Dom或者Style树,然后在页面上进行重 ...
  • 阿里腾讯前端实习面试知识点总结(持续更新)
    阿里dv面试 网络 HTTP 1.0. 1.1区别 缓存处理,在HTTP1.0中主要使用header里的If-Modified-Since,Expires来做为缓存判断的标准,HTTP1.1则引入了更多的缓存控制策略例如Entity tag ...
  • H5移动端开发知识总结(三)
    flex布局兼容知识点总结 ==假设父容器class为box,子项目为item== 一、定义容器的display属性 .box{ display: -webkit-flex; displau: flex; } 二、容器样式 ...

暂无数据