weixin_44695793的博客

一.什么是弹性盒子 弹性盒子是css3的新的布局模式，是一种当页面需要适应不同屏幕大小以及设备类型时确保元素拥有恰当行为的布局方式。 引入弹性盒子布局模型的目的是提供一种更加有效的方式来对容器中的子元素进行排列，对齐和分配空白空间。 二.弹性盒子的常用属性 父选择器 属性 描述 display 指定HTML元素类型的盒子 flex-direction 指定弹性盒子中子元素的排列方式 flex-wrap 弹性盒子子元素超出父容器时是否换行 align-items 单行子盒子垂直对齐

一.什么是盒子？ 盒子模型，顾名思义，盒子就是用来装东西的，它装的东西就是HTML元素的内容。 盒子的四个组成区域相对应，每个盒子有四个边界：内容边界 Content edge、内边距边界 Padding Edge、边框边界 Border Edge、外边框边界 Margin Edge。 二.盒子的宽高如何确定 盒子宽度：外边框宽度+盒子边框宽度+内边距宽度+内容宽度 盒子高度：外边框高度+盒子边框高度+内边距高度+内容高度 1.box-sizing：content-box|border-box|inh

前言： 这几天研究前端的时候，遇到渐变了颜色渐变的细线，这边我讲一下如何实现的。 html中代码 <div class="jd-sk-list-sep"></div> css控制 .jd-sk-list-sep{ width: 1px; background: linear-gradient(to bottom,#fff,#eee,#fff); } 显示的效果 这是根从上往下的线。 如果想要从左往右的线的话 方向改变，改成to right background: lin