主轴flex布局是一种一维布局模型，一次只能处理一个维度（一行或者一列）上的元素布局，作为对比的是二维布局CSS Grid Layout，可以同时处理行和列上的布局。也就是说，flex布局大部分的属性都是作用于主轴的，在交叉轴上很多时候只能被动地变化。1. 主轴的方向我们可以在弹性容器上通过flex-direction修改主轴的方向。如果···
Flex主轴
2019-06-09 21:44:24 40 次 阅读全文
flex弹性盒模型对于某个元素只要声明了display: flex;，那么这个元素就成为了弹性容器，具有flex弹性布局的特性。每个弹性容器都有两根轴：主轴和交叉轴，两轴之间成90度关系。注意：水平的不一定就是主轴。每根轴都有起点和终点，这对于元素的对齐非常重要。弹性容器中的所有子元素称为<弹性元素>，弹性元素永远沿主···
弹性盒模型
2019-06-09 21:42:50 28 次 阅读全文
Flex教学之Flex属性简介容器属性flex-flow让弹性盒的元素以相反的顺序显示，且在必要的时候进行拆行：display:flex;flex-flow:row-reverse wrap;flex-direction设置 <div> 元素内弹性盒元素的方向为相反的顺序：div{display:flex;flex-direction:row-reverse;}flex-wrap让弹性盒元素在必要的时候拆行：display:flex;f···
Flex布局模型
2019-06-09 21:40:03 57 次 阅读全文
比特虫-在线制作ico图标http://www.bitbug.net/使用比特虫等ico图标创建工具，可以比较方便的把图片转换成ICO图标创建成功后引用方式<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />注意：它不是iconfont字体，也不是图片后面的type="image/x-icon"可···
ICO图标
2019-05-29 14:15:51 231 次 阅读全文
1.圆角边框在css3中，可以通过border-radius属性给元素设置圆角边框。一个元素有四个角，所以也可以通过border-top-left-radiusborder-top-right-radiusborder-bottom-left-radiusborder-bottom-right-radius分别设置四个角的圆角A.案例：通过border-radius设置头像框<!DOCTYPE html><html><head> ···
CSS圆角
2019-05-22 23:14:04 59 次 阅读全文
作者：八戒先生
地址：安徽合肥高新区PBootMoBan模板网
电话：13355693937
邮箱：admin@pbootmoban.com
QQ：43171398
博客名称：PbootCMS前端博客
开博时间：安徽合肥高新区PBootMoBan模板网
后台系统：PbootCMS
文章统计： 35篇 随笔 | 45篇 文章
