1、定位元素的属性: top:定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。 bottom:定义了定位元素下外边距边界与其包含块下边界之间的偏移。 left:定义了定位元素左外边距边界与其包含块左边界之间的偏移。 right:定义了定位元素右外边距边界与其包含块右边界之间的偏移。 总结 ...
分类:
Web程序 时间:
2018-04-25 17:06:01
阅读次数:
263
1. 偏移量共包括offsetTop、offsetLeft、offsetWidth、offsetHeight 元素:内容大小(width、height)、内边距(padding)、边框(border)、外边距(margin)、滚动条(scroll) 【1】offsetWidth:元素在水平方向上占据 ...
分类:
Web程序 时间:
2018-04-21 17:35:13
阅读次数:
272
俗话说得好,一千个小怪兽里眼里就有一千个凹凸曼,一千个码农眼中的padding和maigin就有一千个。对于刚入行的‘菜农’鄙人来说对于padding和margin着两个元素来说也有一些小的见解,做一分享,欢迎探讨。1.padding和margin的自我介绍。padding指的是自身边框到内边框的距离,简称内边距。margin值得是自身边框到外边框的距离,简称外边距。懂了吗?懂了吗?……什么?没懂
分类:
其他好文 时间:
2018-04-19 10:36:43
阅读次数:
169
1,达到的效果 2,先用div盒子,把结构排出来 3,调整紧贴盒子间的距离(由于都左浮动),不是想使用外边距和内边距,在盒子大小固定情况下,利用设置内容的大小,起到间隔作用。 4,利用盒子嵌套,调整里面(红色盒子的位置)位置,使内容达到布局的要求。 5,完成效果 ...
分类:
其他好文 时间:
2018-04-14 23:48:55
阅读次数:
271
1. 使用绝对定位和负外边距对块级元素进行垂直居中 缺点必须知道居中块级元素尺寸 css: 2. 使用绝对定位和transform 不用事先确定被定位的容器高度,使用transform的2d变换,垂直方向上平移,移动相对于元素本身长宽做参考 position: absolute; left: 50% ...
分类:
其他好文 时间:
2018-04-09 23:07:39
阅读次数:
261
web前端庞大而复杂的知识体系的组成:html、css和 javascript 二.css 1、CSS选择器 CSS选择器即通过某种规则来匹配相应的标签,并为其设置CSS样式,常用的有类选择器、标签选择器、ID选择器、后代选择器、群组选择器、伪类选择器(before/after)、兄弟选择器(+~) ...
分类:
Web程序 时间:
2018-04-06 20:17:23
阅读次数:
211
盒子模型,盒子模型算是页面比较经典的一个概念了,所有的页面元素和div都能称之为一个盒子,每个盒子都具备:内容(content),填充(padding 也称之为内边距),边框(border),边界(margin 也称之为外边距);下面有一张盒子模型的图片; 说白了这个盒子模型让你知道你需要效果式需要 ...
分类:
其他好文 时间:
2018-04-06 18:39:17
阅读次数:
172
情景:两个盒子,第一个盒子设置100px的下外边距,第二个盒子设置200px的上外边距,试问两个盒子相差多少px? 最终的答案是200px,取较大值,而不是想加等于300。 ...
分类:
其他好文 时间:
2018-04-03 17:14:25
阅读次数:
123
CSS 清除默认样式 通常有以下几句就够了: *{ margin:0; padding:0 } li{ list-style:none } img{ vertical-align:top; border:none } 如果你想写全也可以: /* 清除内外边距 */ body, h1, h2, h3, ...
分类:
Web程序 时间:
2018-03-29 00:07:05
阅读次数:
277
1.css复合选择器 1.标签指定式选择器 2.后代选择器 3.并集选择器 2.css层叠性和继承性 1.层叠性 2继承性 继承性不适合下列属性: 边框属性 外边距属性 内边距属性 北京属性 定位属性 布局属性 元素宽高属性 3.css优先级 标记选择器的权重为1 类选择器的权重为10 id选择器的 ...
分类:
Web程序 时间:
2018-03-29 00:05:33
阅读次数:
218