CSS是网页设计的一项重要技术,而盒子模型又是CSS的核心内容。因此,正确理解盒子模型对网页的设计起着极其重要的作用。1.分类首先盒子模型分为元素盒,Em盒,行盒,BCF,haslayout这几种类型;1.1 元素盒CSS盒子模式的元素盒具备的属性: 内容(content)、填充(padding)、...
分类:
Web程序 时间:
2015-03-04 00:51:48
阅读次数:
226
参考了天猫、微博等网站的做法,用纯html和css实现,效果还是不错的。以下是成果,兼容主流浏览器,包括ie6。?用css做的提示盒子,上三角是纯css,盒子圆角用到css3用css做的提示盒子,上三角是纯css,盒子圆角用到css3
分类:
Web程序 时间:
2015-02-27 15:10:08
阅读次数:
169
传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用css排版后,通过由css定义的大小不一的盒子和盒子嵌套来编排网页。css盒子模型是div排版的核心。
说白了就是以前没用css盒子模型,html中的元素就像一堆散乱的苹果;用了之后,就变成整箱整箱的苹果摞到一起。这种方式排版的网页,代码简洁,更新方便,容易兼容多种浏览器。
nice to meet you!
...
分类:
Web程序 时间:
2015-02-25 15:39:06
阅读次数:
178
1. 盒子模型 2. CSS边框 border-radius 圆角边框 box-shadow 边框阴影3. CSS外边距合并 遵循 选取两个margin较大的 的原则4. 基本应用 盒子模型 ...
分类:
Web程序 时间:
2015-02-10 22:52:50
阅读次数:
208
margin 外边框padding 内边框border 边框线其中border可以设置如下值改变样式border-styleborder-widthborder-color
分类:
Web程序 时间:
2015-02-01 19:11:34
阅读次数:
191
转处:http://www.cnblogs.com/sunyunh/archive/2012/09/01/2666841.html说在Web世界里(特别是页面布局),Box Model无处不在。下面是Box Model的图示: Box-Model 1 说明:上图中...
分类:
Web程序 时间:
2015-01-13 10:22:09
阅读次数:
225
CSS盒子模型(下) 一.CSS3可伸缩框(Flexible Box) 可伸缩框属性(Flexible Box)是css3新添加的盒子模型属性,有人称之为弹性盒模型,它的出现打破了我们经常使用的浮动布局,实现垂直等高、水平均分、按比例划分等分布方式以及如何处理可用的空间。使该模型,可以很轻松的创建自...
分类:
Web程序 时间:
2015-01-11 16:11:31
阅读次数:
346
CSS盒子模型(上) 盒子模型(Box Model)是CSS控制页面时一个很重要的概念。只有很好地掌握了盒子模型以及其中每个元素的用法,才能真正地控制好页面中的各个元素。 所有页面中的元素都可以看成是一个盒子,占据着一定的页面空间。 一般来说这些被占据的空间往往都要比单纯的内容大。 可以通过调整盒子...
分类:
Web程序 时间:
2015-01-11 14:49:18
阅读次数:
689
之前对CSS没有任何的了解,刚入门的时候感觉也很难,老师从最基础的知识点开始讲,先讲html里的代码,再讲CSS里的代码,如:文本样式,图像效果,背景效果,CSS盒子模型,盒子的浮动与定位,CSS设置表格样式等等。那么多的知识点学的时候我特别担心,因为怕记不住,切图的时候..
分类:
Web程序 时间:
2015-01-10 18:24:58
阅读次数:
193
很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。 如果读者理解CSS盒子模型,但对于浮动不理解,那么...
分类:
Web程序 时间:
2015-01-08 11:00:30
阅读次数:
238