随便打开一个网页,按下F12,你会发现一堆密密麻麻的“DIV”,没错,现在大部分的网页都用了CSS+DIV的布局方式。
上篇说了盒子模型,这里就以盒子模型为基础来简单了解一下常用的一种网页布局的方式:CSS+DIV布局。
CSS+DIV布局,就是在整体上用标记把页面分为若干个块,然后对各个块进行CSS定位,最后再在各个块中添加相应内容。
就如建造一座钢结构的建筑物似的,先把整个网页的框架搭建起来,再分别对局部进行细化,这里就如同钢筋,...
分类:
Web程序 时间:
2014-10-30 01:51:49
阅读次数:
217
01 复习内容复习之前的知识点02演示VS创建元素 03div和span区别 通过display属性进行DIV与Span之间的转换。 我也骄傲! 如果发现我邪恶了,请记住,我曾纯洁过. 传智播客官网ht...
分类:
Web程序 时间:
2014-10-24 21:59:42
阅读次数:
269
1.概述css盒子模型
1>先看看w3c的概述
2>其实css每个元素都是一个盒子(盒模型)
2.css盒子模型种类
1>w3c标准模型—————————>element空间宽度 = content内容 + border + padding + margin
2>IE传统模型(IE6-)—————>element = content = content(border + paddin...
分类:
Web程序 时间:
2014-10-24 11:06:11
阅读次数:
326
CSS中的盒子模型通常由四部分组成:内容(content)、填充(padding)、边框(border)、边界(margin)。
这里的内容就相当于箱子里的电脑,填充就相当于泡沫,边框就相当于纸箱,边界就相当于每个纸箱之间的距离。
对这四部分进行说明:
内容(content):盒子模型中的内容,可以是文字、图片、表格等等;
填充(padding):内容与盒子边框的距离,可拆分为padding-top;padding-right;pad...
分类:
Web程序 时间:
2014-10-24 01:48:48
阅读次数:
244
css选择器,网页如何应用CSS样式,盒子模型的边框,盒子的定位...
分类:
Web程序 时间:
2014-10-22 22:04:44
阅读次数:
197
盒子属性的顺序是:顺时针,上右下左。 三个时:上 ,左右,下 两个是:上下,左右。 一个是:上下左右。
分类:
Web程序 时间:
2014-10-18 12:33:36
阅读次数:
194
inline-block前端程序猿们肯定不陌生,它是display属性的一个取值。 之所以称之为inline-block。是因为它兼具行内元素(inline-element)和块级元素(block-element)的特征。块级元素(block elements),来源于CSS盒子模型。块级元素...
分类:
其他好文 时间:
2014-10-14 15:58:08
阅读次数:
205
盒子模型的理解 花花 草草 怎么办?(盒子模型的理解1) --> 3:30
分类:
其他好文 时间:
2014-10-11 23:45:06
阅读次数:
168
CSS盒模型图解 下面是一幅关于应用了CSS的元素是如何显示它的尺寸的图示。 在本篇文章中,所有的浏览器在计算盒模型总宽度时处理margin属性的方式都是一致的,所以我们将更多的精力放在padding和border属性上。W3C盒模型 首先看一下《 the W3C box model》,这里所写出....
分类:
Web程序 时间:
2014-10-11 23:43:17
阅读次数:
347