css盒模型组成
来源:互联网 发布:chroot 搭建linux系统 编辑:程序博客网 时间:2024/05/01 20:45
css盒模型组成
css盒模型是本节教程的重点。前面几个知识点,如果您会用表格布局的话,就非常好理解和掌握了。这里的盒模型是和table布局的一个不同点。学 习web标准,首先要弄懂的就是这个盒模型,这就是DIV排版的核心所在。传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用CSS 排版后,就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页。这种排版方式的网页代码简洁,表现和内容相分离,维护方便,能兼容更多的浏览器,比 如PDA设备也能正常浏览。
那么它为什么叫盒子呢?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。
我们可以把它想像成现实中上方开口的盒子,然后从正上往下俯视,边框相当于盒子的厚度,内容相对于盒子中所装物体的空间,而填充呢,相当于为防震而在盒子内填充的泡沫,边界呢相当于在这个盒子周围要留出一定的空间,方便取出。是不是这样就很容易理解盒模型了。
所以整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成,而css样式中weight所定义的宽度仅仅是内容部分的宽度,这是许多朋友容易搞混的地方
这里的边界我们也称之为:外边距、外补丁;填充也叫:内边距、内补丁。
- css盒模型组成
- css盒模型组成
- CSS、CSS盒模型
- CSS盒模型
- 什么是css盒模型?
- CSS 盒模型
- CSS盒模型讲解
- CSS 盒模型
- CSS盒模型
- div+css盒模型
- css 盒模型
- css的盒模型
- 介绍CSS盒模型
- CSS盒模型
- CSS盒模型
- css 盒模型整理
- css盒模型
- css盒模型笔记
- 亲自体验了VS2003和VS2010的不同
- How to enable the root user in Mac OS X Lion
- 10706 - Number Sequence
- 浅看豆瓣网技术架构
- 一言不合就升级
- css盒模型组成
- 安全
- H264 获取SPS与PPS(附源码)
- 查看端口是否被占用
- Flash设备驱动程序
- 九宫格与广度优先搜索
- div+CSS圆角矩形
- mongodb__replica sets__整理
- 无线控制器+瘦AP架构对比胖AP优劣总结