首页
救助
Discuz免费教程
discuz技术支持
登录/
注册
搜索
搜索
搜索
热搜
建站教程
discuz模板
SEO优化
网站推广
本版
帖子
用户
本版
帖子
用户
快捷导航
首页
›
站帮推荐区
›
技术分享
›
基础四:盒子模型
发布新主题
返回列表
DIVCSS
基础四:盒子模型
[复制链接]
建站高手
发表于 2015-9-5 18:10:15
[DIVCSS]
显示全部楼层
|
阅读模式
逛了这许久,何不进去瞧瞧?
下次自动登录
忘记密码?
登录
新用户注册
用其他账号登录:
关闭
马上注册,一起探讨正确快速的建站方法
您需要
登录
才可以下载或查看,没有帐号?
快速注册
x
盒子模型,是XHTML+CSS布局页面中的核心!要想学会用CSS布局页面,就首先要理解盒子模型!
什么是盒子模型?
对于初学者来说,不容易理解,但是对于生活中的盒子大家应该熟悉,大到集装箱,小到铅笔盒,盒子模型你完全可以理解成现实生活中的盒子就可以了,不然怎么能起个名字叫“盒子模型”呢?
好!既然和现实生活中的盒子一样,那我们想一下,生活中的盒子内部是不是空的好用来存放东西,而里面存放东西的区域我们给他起个名字叫 “content(内容)”,而盒子的盒子壁给他起个名字叫“border(边框)”,如果盒子内部的东西比如是一块硬盘,但是硬盘怕震动,所以我们需要在硬盘的四周盒子的内部均匀填充一些防震材料,这时硬盘和盒子的边框就有了一定的距离了,我们称这部分距离叫“padding(内边距)”,如果我们需要购买许多块硬盘,还是因为硬盘怕震动所以需要在盒子和盒子之间也需要一些防震材料来填充,那么盒子和盒子之间的距离我们称之为"margin(外边距)",请看下面两图:
padding(内边距)
margin(外边距)
OK~!这下盒子模型的四要素就出来了分别是:
content(内容)、border(边框)、padding(内边距)、margin(外边距)
,如下图:
盒子模型的四要素
我们的页面就是由许许多多的盒子组成的,但是现实生活中的盒子我们会忽略外边距(margin),但是在页面中,我们是不能忽略外边距(margin)的,只有包括外边距的盒子模型在CSS中才是完整的,即使外边距为零,我们也不要忽略它,要知道他是存在的。
怎么样,理解了没有?盒子模型就这么简单~!
另外推荐阅读:
基础三:CSS选择器命名及常用命名
http://bbs.zb7.com/thread-529503-1-1.html
基础二:CSS选择器
http://bbs.zb7.com/thread-529501-1-1.html
基础一:CSS如何控制页面
http://bbs.zb7.com/thread-529478-1-1.html
上一篇:
基础三:CSS选择器命名及常用命名
下一篇:
基础五:块状元素和内联元素
相关帖子
•
CSS3阴影相关样式-添加盒模型阴影box-shadow
•
用Kano模型来确定产品需求优先级
•
产品经理必须知道的10种分析模型
•
增量模型软件开发模式存在着那些缺陷呢?
•
瀑布模型为什么不再适合现代的软件开发模式?
•
拔牙过后可以种牙吗
站帮网原创零基础学Discuz视频教程
Discuz技术支持
-收费解决dz疑难问题
3个月精通Discuz建站学习专题
回复
举报
大神点评
7
teamczyx
发表于 2015-9-6 00:40:36
[DIVCSS]
显示全部楼层
感谢楼主无私的分享与奉献
回复
举报
向志祥
发表于 2015-9-6 00:48:16
[DIVCSS]
显示全部楼层
感谢楼主无私的分享与奉献
http://www.37hao.net
文山社区,努力做到文山最有影响力的网站
回复
举报
不一样的时光
发表于 2017-11-25 08:58:09
[DIVCSS]
显示全部楼层
车牌靓号 QQ靓号 手机靓号都在九五靓号网等你www.95lhw.com
回复
举报
215079508
发表于 2017-12-29 13:25:13
[DIVCSS]
显示全部楼层
找个小板凳坐下www.bjshenfa.com
老老实实做人踏踏实实
回复
举报
水水淼1201
发表于 2017-12-31 12:04:22
[DIVCSS]
显示全部楼层
谢谢分享
回复
举报
淘小淘
发表于 2019-5-27 15:18:58
[DIVCSS]
显示全部楼层
我只是路过站帮网打酱油的,顺便支持下
www.pddfzb.com
www.ddwly.com
回复
举报
zb7ang
发表于 2019-6-10 15:25:10
[DIVCSS]
显示全部楼层
不错,谢谢分享!
大家足球
-> www.dajiazuqiu.com
回复
举报
返回列表
发表新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
快速注册
本版积分规则
发表回复
回帖后跳转到最后一页
建站高手
精英站长
3489
积分
998
帖数
0
日志
Ta的主页
发消息
Ta的文章(703)
只需两步,正确识别百度蜘蛛
不常见的后缀域名可能会出现搜索收录延 ...
关于闭站保护,这些问题你一定要知道
Discuz帖子列表页调用封面图
[高危]PHPCMS SQL注入漏洞 实现远程SQL ...
最新帖子
聊聊攻读MBA的都是哪些人?
看一看:MBA都有哪些特性?
了解:怎么做才能让租车更简单
谈一谈判断汽车租赁公司是否优秀的标准
看看:报考MBA的重要性有哪些?
分析:旅游租车让你旅行愉快
看一看:备考MBA期间这些潜在的敌人一定要
了解:MBA考研提前面试需要准备哪些材料?
知晓要怎么签订租车合同才合理
解析去美国读MBA需要多少花费?
研究发现:旅游租车让旅行从此变得不一样
了解:MBA培训机构推荐哪家呢
解析:上下班租车能够给我们带来哪些便利
关于:了解租车的市价才是最重要的
了解MBA调可以上名校吗?
广告招商 QQ: 5620010
快速回复
返回顶部
返回列表