自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 响应式网页和bootstrap的介绍

Bootstrap 就是这样一个简洁、直观、强悍的前端开发框架,开发者可以在它的基础上进行个性化定制.首先要想使用bootstrap框架,首先要导入其css源文件,可以去官方文档查看和下载,这里推荐使用v3版本的,因为现在市面上用得最多的还是v3版本..container和调用的类名,为csss中版心和通栏, 不再过多赘述..row是一行,它可以解决.container这个版心设置的左右15px的内边距,.row使用可以有效处理。

2022-11-15 21:37:05 322 1

原创 css中单位em和rem的区别 和媒体查询 移动端适配的问题

既然一个媒体查询对应一个屏幕, 为了适配移动端那么多型号的屏幕,也需要很多媒体查询,一个一个写真的很不方便,所以现在通用的解决方案就是手淘开发出的 一个flexible.js文件,专门解决的就是移动端适配的问题,简介方便,导入js到项目中即可。,每一份在标准稿下是默认的375px/10=37.5px,可以理解为1rem =37.5px, 所以在开发中,测量的像素值/37.5的值就是多少rem.例如。,其核心最底层原理就是构造函数使的可以监测屏幕的大小并随之对应的改变基础的页面跟字体大小.

2022-11-13 22:03:36 186

原创 弹性盒子(flex) 改变主轴和强制换行

多行侧轴垂直排列 ,中间按照1比1划分。多行侧轴垂直排列 ,中间按照1比2划分。主轴两边靠边,中间自适应。flex默认的主轴是水平方向上的。2.flex(弹性盒子)强制换行。侧轴两边靠边,中间自适应。多行侧轴垂直排列 ,中间对齐。侧轴从最后一个开始排列。侧抽为垂直方向上的y轴.侧轴从第一个开始排列。默认方向值为 row。

2022-11-11 20:47:32 3448 1

空空如也

空空如也

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

TA关注的人

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