自定义博客皮肤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栅格系统

阅读数:7 编辑一、背景介绍Flexbox 布局(FLexible Box)意在提供一个更为有效的方式来进行布局、对齐和分配一个容器内元素之间的空间,即使他们的大小是未知的或者动态的。flex布局的主要思想是,让容器能够改变它的子元素的宽度/高度(甚至顺序),从而更好地填充可用的空间(主要是为了适应所有种类的设备和屏幕大小)。最重要的,flexbox 布局是可以改变方向的。与之相对的是传统布局(b...

2018-06-15 11:19:23 143

原创 html页面布局之flex弹性盒子

一、背景介绍Flexbox 布局(FLexible Box)意在提供一个更为有效的方式来进行布局、对齐和分配一个容器内元素之间的空间,即使他们的大小是未知的或者动态的。flex布局的主要思想是,让容器能够改变它的子元素的宽度/高度(甚至顺序),从而更好地填充可用的空间(主要是为了适应所有种类的设备和屏幕大小)。最重要的,flexbox 布局是可以改变方向的。与之相对的是传统布局(block是垂直方...

2018-06-05 10:15:18 317

原创 如何使用媒体查询。

一、背景介绍近几年整个社会发生了翻天覆地的变化,各种智能手机,pad,之类的移动端设备随处可见。那么,程序员界就刮起了一阵风暴,大家在思考 “ 如何让我们的网站在各种移动端设备上都能布局合理呢? ”为每一个设备写一套代码自然是非常麻烦的。那么,聪明的程序员们想到了一个办法,“ 我只要一套代码,就能让我的网站在不同大小的设备上正确显示 ”。于是,响应式设计模型诞生啦!其核心就是“媒体查询”技术。二、...

2018-05-19 21:06:44 603

空空如也

空空如也

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

TA关注的人

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