页面布局
标准的页面的布局首页
body {
font-family: Arial;
margin: 0px; /*很多标签它们默认是有样式的,比如body就有外边距和内边距,我们一般会把body的外边距和内边距先清空,这样的话我们的内容就可以挨着边放了*/
padding:...
分类:
Web程序 时间:
2015-06-02 00:26:08
阅读次数:
115
css选择符就是,表示你将把你定义的样式,用给谁。css盒子模型一个盒子是由以下几部分构成:1.盒子中的内容content2.盒子的边框border3.盒子的边框与内容之间的距离,称为填充padding,内边距(内补丁)4.多个盒子存在时,盒子与盒子之间的距离,称为边界margin,外边距(外补丁)c..
分类:
其他好文 时间:
2015-06-01 20:45:14
阅读次数:
139
一、offsetWidth:元素的宽度,包括边框,内容,内边距。二、offsetHeight:元素的高度,包括边框,内容,内边距。三、offsetLeft:元素的X坐标(相对于最近已定位的祖先元素,如果没有则是窗口)。四、offsetTop:元素的Y坐标(相对于最近已定位的祖先元素,如果没有则是窗口...
分类:
编程语言 时间:
2015-05-30 21:00:17
阅读次数:
151
一个盒子实际所占有的宽度或高度是由"内容+内边距+边框+外边距"组成。 1.边框border边框的主要属性有三个,分别是:border-width:边框宽度、 border-style:边框样式、border-color:边框颜色。以上属性可以单个写,也可以写成:border:[border-wi....
分类:
Web程序 时间:
2015-05-30 19:47:47
阅读次数:
167
outerWidth()函数用于设置或返回当前匹配元素的外宽度。外宽度默认包括元素的内边距(padding)、边框(border),但不包括外边距(margin)部分的宽度。你也可以指定参数为true,以包括外边距(margin)部分的宽度。如下图:如果你要获取其它情况的宽度,请使用width()和...
分类:
Web程序 时间:
2015-05-29 19:42:29
阅读次数:
95
width() - 返回元素的宽度。height() - 返回元素的高度。innerWidth() 方法返回元素的宽度(包括内边距)。 innerHeight() 方法返回元素的高度(包括内边距)。 outerWidth() 方法返回元素的宽度(包括内边距和边框)...
分类:
Web程序 时间:
2015-05-29 11:39:10
阅读次数:
233
offsetWidth: 元素在水平方向上占用的空间大小。包括元素的宽度,内边距,(可见的)垂直滚动条的宽度,左右边框的宽度。offsetHeight:元素在垂直方向上占用的空间大小,包括元素的高度,内边距,(可见的)水平滚动条的高度,上下边框的高度.offsetLeft: 元素的左边框至包含元素的...
分类:
其他好文 时间:
2015-05-28 00:37:08
阅读次数:
146
1 outline属性不同于border属性,它绘制于元素框之上,但他不会占据空间。p{ outline:#00ff00 solid thick }p{ border:1px solid #00ff00 }2 盒模型表示一个元素所要占据的空间大小,其中元素的内容,内边距,边框粗细,外边距一起...
分类:
其他好文 时间:
2015-05-22 15:08:24
阅读次数:
138
通配符选择器如果希望所有的元素都符合某一种样式,可以使用通配符选择器。*{margin:0;padding:0}*(表示所有的元素)可以让所有html元素的外边框和内边距都默认为0,有时特别有用。不同的浏览器对不同的左边距和上边距的指定大小是不一样的一般网页设计师把被内边距和上边距清零,这样就可以避...
分类:
其他好文 时间:
2015-05-17 23:17:43
阅读次数:
186
CSS盒状模型是大多数CSS布局与定位的基础,它以包含4个成分的有界限的盒子来描述网页中的每个元素。盒状模型示意图如下图所示。
盒子的尺寸=内容尺寸(width+height) + 内边距(padding) + 边框粗细(border) + 外边距(margin)
一、在给元素设置背景时
IE作用域:content + padding
Firefox作用域:conten...
分类:
Web程序 时间:
2015-05-16 20:40:52
阅读次数:
142