弹性盒子模型效果:一、弹性盒子模型1.流式布局<!--流式布局--><divstyle=‘display:inline;border:1pxsolidorange‘><divstyle=‘display:inline;background:#66ccff‘>流式文件左边</div><divstyle=‘display:inline;background:#ffffff‘>流式文件..
分类:
移动开发 时间:
2015-08-14 19:35:32
阅读次数:
174
1、盒子模型: 标准盒模型:在现代浏览器标准模式下使用的盒子模型。 width,height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容分区域的尺寸,但是会增加元素框的总尺寸。假设框的每个边有10px的外边距和5px的内边距,如果希望这个框达到100px宽,就需要将内容...
分类:
其他好文 时间:
2015-08-10 13:33:03
阅读次数:
109
块元素:block两个相邻的元素外边距,两者之间取最大。浮动(定位机制针对框来说):1、position:absolute,relative,fixed 1)relative:在原来的位置上进行移动 2)absolute:从里面往外走,第一个能定位的位置移动2、float:right,left:.....
分类:
Web程序 时间:
2015-08-08 21:19:45
阅读次数:
134
连接列表定位浮动盒子模型w3c标准盒模型如下:说明:(区别就是IE盒模型width、height包含border和padding,而w3c标准盒模型不包含)
分类:
Web程序 时间:
2015-08-08 10:20:35
阅读次数:
118
contentpaddingbordermargin可以理解为在商场上看到的电视机。电视机------content装电视机的箱子边框有粗细------border电视机与箱子之间的泡沫-------padding一台电视机与另一台电视机的距离-----margincontent为电视机,paddi...
分类:
Web程序 时间:
2015-08-05 12:41:04
阅读次数:
144
很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 写在前面的话: 由于CSS内容比较多,没有精力从头到尾讲一遍,只能有针对性的讲解。 如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你。 本文以div元素布局为例。...
分类:
Web程序 时间:
2015-08-02 13:16:00
阅读次数:
160
1、块级元素的特点: (1)块级元素里面的内容,或者背景图片,默认显示在块的左上角 (2)块级元素,默认情况下,单独占满一行。 常用的块级元素:div、p、h1-h6、hr、ul li、ol li、table、body...2、浮动:float 作用:通过漂浮,让块级元素实现并排 floa...
分类:
其他好文 时间:
2015-08-02 11:28:57
阅读次数:
115
转自:http://www.108js.com/article/article8/80058.html?id=1766.边框(border),位于盒子的第一层。.元素内容(content)、内边距(padding),两者同位于第二层。.背景图(background-image),位于第三层。.背景色...
分类:
其他好文 时间:
2015-07-28 00:30:17
阅读次数:
241
CSS是什么,用来干什么啊?
CSS(Cascading Style Sheet)层叠样式表,是用于控制网页样式并允许将样式信息与网页内同分离的一种标记性语言。我的理解CSS是用来将表现和结构相分离的,可以使后期的修改更容易。
CSS的重点是核心机制----盒子模型
布局重点和难点---浮动和定位
C...
分类:
Web程序 时间:
2015-07-27 09:31:02
阅读次数:
149