DoubleLi

qq: 517712484 wx: ldbgliet

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::

2011年11月18日

摘要: 一、 前言 盒子(一个块)是CSS布局中最基础的东西,如果你没完全搞清楚盒子是怎么回事,那么你在布局中将会很纠结,今天把它搞明白吧。文章中有误的地方,麻烦您指正。二、 什么是CSS盒子呢? 现在很多的书籍和教程都在说“DIV+CSS”,首先,我不太喜欢这个名字,原因很简单,难道写页面只用到DIV吗?为什么不说HTML+CSS呢,这样不是更好?所以,任何事情都不能走极端,(DIV用多了也不好)。好了,这里不再讨论这个名字有多么不好了,上面所说的DIV就是最典型的Box,让我们从最basic的东西开始讲起吧。 1. 盒子由哪些东西组成呢? 一个盒子由margin(外边距)、border(边框)、p 阅读全文
posted @ 2011-11-18 10:40 DoubleLi 阅读(2353) 评论(0) 推荐(0)

摘要: 一、 前言:浮动和定位的原理一定要深刻掌握!(其实每个原理都要深刻掌握!)如果你只是知道有float与position这些属性和他们的值,但是不清楚他们的值到底是怎么回事,那么你在写CSS的时候将会非常的苦恼,由刚开始的热血沸腾的想让盒子飞变成了让自己飞!因为盒子已经不知道飞到哪里去了,时间长了之后就可能会到九宵云外,盒子也找不回来了,您也可能崩溃了……二、 浮动(Float)问题:我们先来说说浮动问题,浮动是为了定位(这里的定位不是position).1. 浮动对邻居有何影响?我们先来做一下准备工作下面是HTML中的内容:<div class="son son1"& 阅读全文
posted @ 2011-11-18 09:49 DoubleLi 阅读(5468) 评论(1) 推荐(0)