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
标准的CSS盒子模型包括:内容(content)、填充(padding)、边框(border)、边界(margin)这些属性,可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。那么内容(CONTENT)就是盒子里装的东...
分类:
Web程序 时间:
2014-12-18 22:03:06
阅读次数:
236
盒子模型是CSS控制页面时一个很重要的概念。整个牛腩发布系统中都贯穿着盒子模型的使用,只有很好的掌握了盒子模型以及其中每个元素的用法,才能真正的控制好页面中的各个元素。页面中的元素都可以看成一个盒子,这些盒子之间也会相互影响。
一、盒子的内部结构
首先,我们看一个例子。假如墙上有四幅画,如图排列,对于每一幅画来说,都有一个边框(border);每个画框中,画和边...
分类:
Web程序 时间:
2014-11-30 18:46:46
阅读次数:
284
CSS盒子模型:
早期的网页设计主要是表格,后来主要是div+css
盒子模型:
1.边框:border:
border-top、border-bottom、border-left、border-right
2.内边距:padding:
padding-top、padding-bottom、padding-left、padding-right
3.外边距:margin:...
分类:
Web程序 时间:
2014-11-24 01:14:21
阅读次数:
222