css
陈大豆
这个作者很懒,什么都没留下…
展开
-
浅讲css中弹性盒子
一.什么是弹性盒子弹性盒子是css3的新的布局模式,是一种当页面需要适应不同屏幕大小以及设备类型时确保元素拥有恰当行为的布局方式。引入弹性盒子布局模型的目的是提供一种更加有效的方式来对容器中的子元素进行排列,对齐和分配空白空间。二.弹性盒子的常用属性父选择器属性描述display指定HTML元素类型的盒子flex-direction指定弹性盒子中子元素的排列方式flex-wrap弹性盒子子元素超出父容器时是否换行align-items单行子盒子垂直对齐原创 2020-06-28 17:26:52 · 258 阅读 · 0 评论 -
谈谈css中对盒子的理解
一.什么是盒子?盒子模型,顾名思义,盒子就是用来装东西的,它装的东西就是HTML元素的内容。盒子的四个组成区域相对应,每个盒子有四个边界:内容边界 Content edge、内边距边界 Padding Edge、边框边界 Border Edge、外边框边界 Margin Edge。二.盒子的宽高如何确定盒子宽度:外边框宽度+盒子边框宽度+内边距宽度+内容宽度盒子高度:外边框高度+盒子边框高度+内边距高度+内容高度1.box-sizing:content-box|border-box|inh原创 2020-06-26 16:47:17 · 374 阅读 · 0 评论 -
css如何实现渐变的线
前言:这几天研究前端的时候,遇到渐变了颜色渐变的细线,这边我讲一下如何实现的。html中代码<div class="jd-sk-list-sep"></div>css控制.jd-sk-list-sep{width: 1px; background: linear-gradient(to bottom,#fff,#eee,#fff);}显示的效果这是根从上往下的线。如果想要从左往右的线的话方向改变,改成to rightbackground: lin原创 2020-06-21 13:30:59 · 2116 阅读 · 0 评论