1、块级元素的特点: (1)块级元素里面的内容,或者背景图片,默认显示在块的左上角 (2)块级元素,默认情况下,单独占满一行。 常用的块级元素:div、p、h1-h6、hr、ul li、ol li、table、body...2、浮动:float 作用:通过漂浮,让块级元素实现并排 floa...
分类:
其他好文 时间:
2015-07-12 01:41:23
阅读次数:
276
1、块级元素的特点: (1)块级元素里面的内容,或者背景图片,默认显示在块的左上角 (2)块级元素,默认情况下,单独占满一行。 常用的块级元素:div、p、h1-h6、hr、ul li、ol li、table、body...2、浮动:float 作用:通过漂浮,让块级元素实现并排 floa...
分类:
其他好文 时间:
2015-07-10 23:33:39
阅读次数:
157
staticrelativeabsolute总结:如果不加上页面头标记的话,IE会采用IE盒子模型,与谷歌浏览器显示div的大小不同IE显示:google显示:
分类:
其他好文 时间:
2015-07-07 16:16:26
阅读次数:
134
1.案例一:效果图如下:(1)box1.html盒子模型经典案例 2.box1.css@charset "utf-8";/* CSS Document */body { border: 1px solid red; /*1px 表示边框的宽度 solid 表示实线 red 表示颜色,...
分类:
Web程序 时间:
2015-07-06 21:20:27
阅读次数:
108
1.流流:html元素在网页中显示的顺序标准流:在html文件中,写在前面的元素在前面显示,写在后面的html元素在后面显示。非标准流:在html之中,当某个元素脱离了标准流,那么它处于非标准流2.盒子概念 要弄清盒子模型这个概念,就必须先明白下面这个几个概念: 在网页设计中常听的属性名:内容(co...
分类:
Web程序 时间:
2015-07-06 19:28:05
阅读次数:
201
理解CSS盒子模型什么是CSS的盒子模式呢?为什么叫它是盒子?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性(转载)我们可以这样理解盒子模型:内容就是盒子里装的东西,填充就是盒子里面的填充...
分类:
Web程序 时间:
2015-07-04 12:28:44
阅读次数:
142
盒子模型概述盒子模型是CSS的基石之一,他指定元素如何显示以及(在某种程度上)如何交互。页面上的每个元素都被看做一个矩形框,这个框由元素的内容、内边距、边框和外边距组成,如图所示: 内边距,边框和外边距都是可选的,默认值为0,但是很多元素会由用户代理样式表(浏览器样式)设置内边距和外边距,可以通过....
分类:
Web程序 时间:
2015-07-02 09:50:08
阅读次数:
191
简介CSS 即层叠样式表(Cascading Stylesheet)。Web 开发中采用 CSS 技术,可以有效地控制页面的布局、字体、颜色、背景和其它效果。只需要一些简单的修改,就可以改变网页的外观和格式。CSS3 是 CSS 的升级版本,这套新标准提供了更加丰富且实用的规范,如:盒子模型、列表模...
分类:
Web程序 时间:
2015-06-18 13:24:46
阅读次数:
106
一个漂亮的网页,除了有漂亮的图片外,还要有漂亮的页面布局,页面布局的好坏,对页面的美观度也是至关重要的!!通过观察大量网站页面布局,都会用到盒子模型进行页面布局,那什么是盒子模型呢?关于盒子模型,看了讲解视频,也是云里雾里的,下面是个人的一些理解,不足之处还请前辈们给予指点... 盒子模型简而言之....
分类:
其他好文 时间:
2015-06-16 10:51:36
阅读次数:
90
今天来给大家详细剖析一下盒子模型。
盒子的构成:内容(content)、填充(padding)、边框(border)、边界(margin)。
盒子模型既然说是盒子模型,那么可以猜到这个模型来源于生活中的盒子。
假设你想送别人一个水晶娃娃。那么你肯定会把娃娃精美的包装起来,又因为娃娃是水晶的,很怕摔坏,所以在包装的时候就要在里面添加一些防震的东西,向泡沫,或者布...
分类:
Web程序 时间:
2015-06-14 15:09:44
阅读次数:
137