margin 外边距 padding内边距 定位: 绝对定位和相对定位,相对定位一句父容器的绝对定位的容器 设置父容器:position:resluit 子容器position:absult inile-block 行内块元素,block块元素,块元素会占一行 border边框 border-de. ...
分类:
Web程序 时间:
2019-09-12 09:54:09
阅读次数:
124
圣杯布局he双飞翼布局都是解决两边固定款中间自适应的三栏布局 圣杯布局为了中间div内容不被别的内容覆盖,将中间div设置了左右的内边距后,将左右两个div用相对布局position: relative并给两侧的div添加right和left属性,以便左右两栏div移动后不内容不覆盖中间div。 圣 ...
分类:
Web程序 时间:
2019-09-11 09:31:17
阅读次数:
114
圣杯布局 1.DOM结构 2.css代码 先设置最外框的盒子,然后设置它的内边距左右为200px 设置让.cont 中的盒子都左浮动,高度为100px 设置中间的盒子背景色为红色,宽度为100%; 100%是会继承.cont 的宽度,它的内边距不会变色 设置左边的盒子背景色为蓝色,宽度为200像素, ...
分类:
其他好文 时间:
2019-09-10 20:45:00
阅读次数:
77
width() height() innerWidth() 包含内边距(padding) outerWidth()包含内边距和边框( padding border) offset() 获取某个元素相对于浏览器窗口(可视区域的距离) position()获取某个元素相对于父元素的偏移距离 scroll ...
分类:
Web程序 时间:
2019-09-02 10:02:53
阅读次数:
145
padding padding:内边距,内容到边框的距离 而且,padding是有背景颜色的。background-color属性将填充所有border以内的区域(不包括border) padding的设置 1、分别设置不同方向的padding padding-top:30px; padding-r ...
分类:
其他好文 时间:
2019-08-31 13:16:22
阅读次数:
70
盒子模型 在页面中,我们将所有的元素全部看做是一个盒子,页面布局就是将大大小小不同的盒子堆砌在一起,而一个盒子由以下几部分组成: padding:内边距,内容到边框的距离; margin:外边距,其他盒子到当前盒子的边框的距离; border: 边框; 所以一个元素在页面中实际所占的空间是: 内容+ ...
分类:
Web程序 时间:
2019-08-31 10:39:15
阅读次数:
94
盒模型 一、 盒模型的概念和组成 盒子模型是CSS的基石,指定标签如何显示以及元素间相互关系; 页面上的每个元素都被当成一个矩形盒子,占据一定的页面空间,这个盒子由内容(content)、内边距(补白,填充,padding)、边框(border)和外边界(margin)组成; 1) padding内 ...
分类:
Web程序 时间:
2019-08-28 01:07:53
阅读次数:
105
TextWidget 文本组件 TextWidget 的常用属性 TextAlign: 下面的五种对齐方式 左对齐, 右对齐, 居中对齐, 从开始位置对齐 完整代码 Container 容器组件 == >div padding 内边距 将上面的body 替换下 ...
分类:
其他好文 时间:
2019-08-23 11:58:50
阅读次数:
101
CSS padding 属性定义元素边框与元素内容之间的空白区域。 ㈠padding(填充) ⑴当元素的 padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。 ⑵单独使用 padding 属性可以改变上下左右的填充。 ⑶可能的值: ⑴length 定义一个固定的填充(像素, ...
分类:
Web程序 时间:
2019-08-16 22:23:36
阅读次数:
133
内联元素的盒子模型 1、内联元素不能设置width宽度和高度height span{width:200px ; height:200px} 与 span{width:100px ; height:100px} 表现效果相同,由此可见内联元素不可以设置高度和宽度 2、内联元素可以设置水平方向的内边距p ...
分类:
其他好文 时间:
2019-08-12 01:11:53
阅读次数:
223