增加多一个div就可以不用相对布局了,只用到了浮动和负边距,这就是双飞翼布局。 DOM结构:main内层增加了一个div ...
分类:
Web程序 时间:
2016-12-23 22:32:38
阅读次数:
182
一、BFC是什么? 在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的 ...
分类:
其他好文 时间:
2016-12-22 18:45:05
阅读次数:
253
最近在学习移动前端开发的相关知识,在这里做个记录,方便以后查看。 一,视口的知识 布局视口(layout viewport) 它的作用是给css布局限制一个最大宽度; 布局视口尺寸可以通过document.documentElement.clientWidth/clientHeight获取; pc端 ...
分类:
移动开发 时间:
2016-12-19 14:15:47
阅读次数:
218
居中是我们使用css来布局时常遇到的情况。使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,本文就居中的一些常用方法做个简单的介绍。 注:本文所讲方法除了特别说明外,都是兼容IE6+、谷歌、火狐等主流浏览器的。 先来说几种简单的、人畜无害的居中方法 1. 把ma ...
分类:
Web程序 时间:
2016-12-18 01:41:37
阅读次数:
194
单列布局水平居中 水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 作者: GD_SeHun 链接:http://www.imooc.com ...
分类:
Web程序 时间:
2016-12-18 01:17:43
阅读次数:
306
我在两个月以前没有接触过html,css,jquery,javascript。今天我却在这里分享一篇技术贴,可能在技术大牛面前我的文章漏洞百出,也请斧正。 可以看出来,无论是div+css布局还是jquery其实真的很简单,只要不停的练习就会有很大进步。每天150行代码,会帮助我们走的更远。对于编程 ...
分类:
Web程序 时间:
2016-12-16 19:49:08
阅读次数:
465
问:SEO为什么要求网页设计师用DIV+CSS布局网页? 答:通常情况下,SEOer非常喜欢把一个网站做到最细节,在网页设计方面,有时与设计师沟通时,通常会问到:SEO为什么要求网页设计师用DIV+CSS布局网页?有什么好处之类的问题,其实SEO们考虑的问题就是如何让网页的内容更好的让搜索引擎抓取网 ...
分类:
Web程序 时间:
2016-12-11 10:20:53
阅读次数:
185
简单介绍:1.Bootstrap于2010年Twitter开源将常见的CSS布局小组件和JS插件进行了封装,大大规范且提高了代码质量及开发效率.2.Bootstrap包含完整的基础CSS插件,丰富的预定义样式表,基于JQuery的JS插件集,非常灵活的响应式删栏系统,支持跨平台,且完全支持自定义.注意:Bootstrap的..
分类:
Web程序 时间:
2016-12-09 08:52:33
阅读次数:
222
盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型: 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conten ...
分类:
Web程序 时间:
2016-12-04 00:31:07
阅读次数:
206
一、html+css布局 二、获取需要操作的元素 三、布局 分析布局可以知道,第一个li的left值为0,位置是不需要变化的 我们假设右边每个竖条的宽度为30 var w=30; 第二个li的left值为:oBox的盒模型的宽度减去4*w >4 aLi.length-1; 第三个li的left值为: ...
分类:
其他好文 时间:
2016-12-03 23:49:21
阅读次数:
208