本站关键词:淄博网站建设,淄博网站设计,淄博网站制作,淄博网站优化,淄博手机网站建设,淄博网站推广,淄博网络公司
| | |

css盒模型组成[淄博网站建设]

  2016-6-10 10:14:06

css盒模型是本节教程的重点。前面几个知识点,如果您会用表格布局的话,就非常好理解和掌握了。这里的盒模型是和table布局的一个不同点。学习web标准,首先要弄懂的就是这个盒模型,这就是DIV排版的核心所在。传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用CSS排版后,就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页。这种排版方式的网页代码简洁,表现和内容相分离,维护方便,能兼容更多的浏览器,比如PDA设备也能正常浏览。

那么它为什么叫盒子呢?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。

我们可以把它想像成现实中上方开口的盒子,然后从正上往下俯视,边框相当于盒子的厚度,内容相对于盒子中所装物体的空间,而填充呢,相当于为防震而在盒子内填充的泡沫,边界呢相当于在这个盒子周围要留出一定的空间,方便取出。是不是这样就很容易理解盒模型了。

所以整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成,而css样式中width所定义的宽度仅仅是内容部分的宽度,这是许多朋友容易搞混的地方

这里的边界我们也称之为:外边距、外补丁;填充也叫:内边距、内补丁。

在线留言 客服QQ
返回顶部
准备开始业务了吗? 您的需求 / 意见

首页| 关于亿泰| 服务支持| 产品体验| 客户案例| 新闻中心| 基础服务| 联系我们| 网站地图

淄博网站建设服务地区:张店、临淄、博山、淄川、周村、博兴、邹平、广饶、桓台、高清、开发区、滨州、东营

版权所有:淄博亿泰信息技术有限公司 Copyright © www.zbyitai.com Corporation, All Rights Reserved 备案号: 鲁ICP备15029606号-1   

友情链接:淄博网站优化   塑料托盘    塑料托盘厂家   螺纹保护器    琅琊黑年猪  吹塑托盘   玉米压片机   煅烧氧化锌    老榆木家具厂家