自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 flex布局两天总结

1.首先明白二倍图的原理和记住我们写移动端网页参考的是逻辑分辨率!2.flex布局的特点:{是浏览器提倡的布局方式,但兼容性比较高!使用之前需要先问清除需不需要考虑低版本浏览器能否兼容的问题!flex布局不脱标,具有伸缩比这个特点。布局简单方便}3.主轴和侧轴: {主轴 justify-content center:居中 space-between:间距出现在弹性盒子之间(两端对齐,中间等距 使用较多) space-...

2021-10-30 11:04:52 244

原创 移动web第四天-修改主轴方向和对齐方式

flex-direction: column; 修改主轴方向为垂直方向(默认的是水平方向)修改完后,侧轴对应的方向随之发生改变,变为水平方向!然后调整布局看想盒子在水平方向怎么移动,因为水平方向已经变为侧轴,所以命令按照侧轴的命令写。现在弹性盒子水平居中就要修改侧轴的对齐方式盒子就会水平居中!反之想要修改盒子在垂直方向上的排列方式,就要写主轴的命令!盒子就会垂直居中难点:更换主轴方向和容易混乱该写什么命令实现布局!记住想盒子在水平还是垂直方向布局...

2021-10-29 09:32:15 170

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除