【网站制作视频教程】-第22讲 css盒子模型详解!-传智播客
2012-09-14 10:32
549 查看
传智播客( http://icd.itcast.cn/)是一家网页平面设计培训学院,专注于网页设计培训,平面设计培训,fash培训,ui设计培训。
网页设计视频教程下载地址:http://icd.itcast.cn/icd/video.shtml?from=wl
什么是CSS的盒子模式呢?为什么叫它是盒子?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin),
CSS盒子模式都具备这些属性。
这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。那么内容(CONTENT)就是盒子里装的东西;而填充(PADDING)就是怕盒子里装的东西(贵重的)损坏而添加的泡沫或者其它抗震的辅料;边框(BORDER)就是盒子本身了;至于边界(MARGIN)则说明盒子摆放的时候的不能全部堆在一起,要留一定空隙保持通风,同时也为了方便取出。在网页设计上,内容常指文字、图片等元素,但是也可以是小盒子(DIV嵌套),与现实生活中盒子不同的是,现实生活中的东西一般不能大于盒子,否则盒子会被撑坏的,而CSS盒子具有弹性,里面的东西大过盒子本身最多把它撑大,但它不会损坏的。填充只有宽度属性,可以理解为生活中盒子里的抗震辅料厚度,而边框有大小和颜色之分,我们又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的,边界就是该盒子与其它东西要保留多大距离。
网页设计视频教程下载地址:http://icd.itcast.cn/icd/video.shtml?from=wl
什么是CSS的盒子模式呢?为什么叫它是盒子?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin),
CSS盒子模式都具备这些属性。
这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。那么内容(CONTENT)就是盒子里装的东西;而填充(PADDING)就是怕盒子里装的东西(贵重的)损坏而添加的泡沫或者其它抗震的辅料;边框(BORDER)就是盒子本身了;至于边界(MARGIN)则说明盒子摆放的时候的不能全部堆在一起,要留一定空隙保持通风,同时也为了方便取出。在网页设计上,内容常指文字、图片等元素,但是也可以是小盒子(DIV嵌套),与现实生活中盒子不同的是,现实生活中的东西一般不能大于盒子,否则盒子会被撑坏的,而CSS盒子具有弹性,里面的东西大过盒子本身最多把它撑大,但它不会损坏的。填充只有宽度属性,可以理解为生活中盒子里的抗震辅料厚度,而边框有大小和颜色之分,我们又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的,边界就是该盒子与其它东西要保留多大距离。
相关文章推荐
- 【网站制作视频教程】-第5讲 html图片标记_路径详解!-传智播客
- 【网站制作视频教程】-第21讲 css选择符详解!-传智播客
- 【网站制作视频教程】-第08讲 html表格应用详解!-传智播客
- 【网站制作视频教程】-第23讲 css列表-边框详解!-传智播客
- 【网站制作视频教程】-第11讲 html超链接应用 !-传智播客
- 【网站制作视频教程】-第20讲 css控制文字及链接!-传智播客
- 【网站制作视频教程】-第01讲 html标记语法基础!-传智播客
- 【网站制作视频教程】-第16讲 css理解表现与结构相分离!-传智播客
- 【网站制作视频教程】-第18讲 css应用的方式!-传智播客
- 【网站制作视频教程】-第17讲 css语法!-传智播客
- 【网站制作视频教程】-第06讲 html列表与图片应用!-传智播客
- 【网站制作视频教程】 第4讲 html标记语义应用上集!-传智播客
- 【网站制作视频教程】-第12讲 html表单应用基础!-传智播客
- 【网站制作视频教程】-HTML CSS列表元素ul,ol,dl的研究与应用!-传智播客
- 【网站制作视频教程】-第14讲 html多媒体应用!-传智播客
- 【网站制作视频教程】-第03讲 html段落与标题文字!-传智播客
- 【网站制作视频教程】-第15讲 html框架技术!-传智播客
- 传智播客_jpa详解视频教程
- Dreamweaver MX 2004制作ASP动态网站高清视频教程
- Symfony视频教程-根据Symfony官方网站制作的视频教程