前端布局

2016/11/02

前端布局之五:响应式布局

, 前端布局之五:响应式布局
响应式布局是2010年出现的概念,也是现在越来越常用的一种布局形式,简而言之,使用响应式布局做的网站能适应各种尺寸的屏幕。这种适应说的更原理一些,就是预先设置好各个尺寸屏幕下网站所要呈现的样子代码,所以响应式网站比非响应式网站制作难度要大这是肯定的,但那是程序员的事情。 …… Continue Reading →
 6782  0
2016/11/01

前端布局之四:等分布局

, 前端布局之四:等分布局
这是前端布局的第四篇文章,讲讲等分布局,即:均等分布排列,如何实现,如下图 原理分析 看下图,我们来细细分析这个等分布局,红绿蓝黄四个单元格等比例,中间有相同的间隔。 也就是说总长度C必须再加G,才能做到均分,就像下面这张图表示的那样。 有三种方法可以实…… Continue Reading →
 1718  0
2016/10/31

前端布局之三:全屏布局

, 前端布局之三:全屏布局
这是前端布局的第三篇,讲讲全屏布局,全屏布局也是一种常见的布局:   上面是导航、下面是底部,中间是左右布局,中间的布局自带滚动条,想要知道有几种实现方法吗?有两种,下面我们就来看看吧: 定高PX全屏布局 效果图是这样的: 1、Position Html代码是这样的: …… Continue Reading →
 3403  0
2016/10/28

前端布局之二:左右布局

, 前端布局之二:左右布局
前端布局中左右布局太容易遇到了,大布局上后台管理系统里这种布局最频繁,小布局上,一个评论布局都是左边头像右边评论的,我最近在做的仿gitbook的界面也是左右布局的,来看一下样子,我是拿来做关于页的样子的,所以在做的过程中忽然觉得应该整理下关于左右布局的东东。 左右布…… Continue Reading →
 1319  0
2016/10/27

前端布局之一:水平垂直居中布局

, 前端布局之一:水平垂直居中布局
这次讲的是布局中的居中布局,分为水平居中、垂直居中、水平垂直居中三个部分。html的代码均为以下相同的代码。 [crayon-5d3185304dc71109379441/] 要求里面的容器宽高是不确定的,外面的容器宽高也是不确定的,实现这三种布局的方法。 水平居中布局 (1)inline-block+text-align 这…… Continue Reading →
 1769  0
2016/09/03

CSS3新特性(06):Flex

, , CSS3新特性(06):Flex
Flex是Flexible Box的缩写,意为"弹性布局",Flex布局将会是未来布局的首选方案,因为非常便捷,有必要好好学习下。不过目前浏览器支持不是很好,IE11开始才支持。 网上写的各种Flex的文章都说IE10也支持的,我想说,我像你保证IE10不支持的,至少不支持Flex里面的所有属性,所以既然只…… Continue Reading →
 967  0