css定位的内容: relative 不脱离文档流,参考自身静态位置通过 top(上),bottom(下),left(左),right(右) 定位,并且可以通过z-index进行层次分级。 absolute 脱离文档流,通过 top,bottom,left,right 定位。选取其最近的父级定位元素 ...
分类:
Web程序 时间:
2018-09-24 21:07:48
阅读次数:
202
position的属性: 1.static (文档流):默认值,没有进行定位,元素出现在正常流中,忽略top left right bottom z-index的申明 (无影响)。 一行接着一行 2.relative(相对定位):生成相对定位的元素,相对于其正常的位置进行定位。例如,"left:20 ...
分类:
Web程序 时间:
2018-09-23 22:26:25
阅读次数:
205
一.关于上篇博客的回顾 1.定位 (1).相对定位 ①.参考点:相对原来的位置 ②.特性: a.如果一个标准文档流的盒子,仅仅设置了相对定位,与普通盒子一样 b.设置相对定位之后,如果调整位置,会"留坑" ③.作用: a.微调元素 b.子绝父相的参考 c.提升层级(不建议) (2).绝对定位 ①.参 ...
分类:
其他好文 时间:
2018-09-21 23:13:25
阅读次数:
282
一.关于上篇博客的回顾 1.浮动: (1).标准文档流 (2).作用:实现元素并排 (3).特点:第一个盒子会贴父盒子的边,第二个会贴第一个盒子的边... (4).特性: ①.脱离标准文档流 ②.收缩效果 ③.字围 ④.设置浮动,任意的标签都可以设置宽高 (5).总结:要浮动一起浮动,有浮动,清除浮 ...
分类:
Web程序 时间:
2018-09-21 23:04:02
阅读次数:
293
一丶盒模型的属性(重要) 1.padding padding是标准文档流,父子之间调整位置 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>padding</title> <style> *{ padding: 0; margi ...
分类:
其他好文 时间:
2018-09-19 21:54:44
阅读次数:
170
一、内外边距 1.外边距(margin):margin-top、margin-left、margin-right、margin-bottom 如图: 2.内边距(padding):padding-left|padding-top、padding-left、padding-buttom 如图所示 二、 ...
分类:
其他好文 时间:
2018-09-19 00:36:35
阅读次数:
208
CSS层叠的问题、标准文档流、伪类选择器 一、层叠的问题 CSS有两个性质: 1、继承性 2、层叠性:选择器的一种选择能力,谁的权重大就选谁 层叠性又分为: 1)、选不中:走继承性 (font、color、text、) 继承性的权重是0 若有多个父级都设置了样式,走就近原则 2)、选中了 a、权重的 ...
分类:
Web程序 时间:
2018-09-16 20:58:10
阅读次数:
206
浏览器排版是根据元素的特征(块和级),从上往下,从左往右排版。这就是标准文档流。 float:left/right; 效果:元素都加浮动,后面的元素会紧跟着前面的元素并排排列。 A、 只要加了float,这个元素就会脱离标准文档流。 (第一个加了float,离了标准文档流,对于浏览器来说,第二个元素 ...
分类:
其他好文 时间:
2018-09-16 20:55:11
阅读次数:
160
标准文档流 浏览器排版是根据元素的特征(块和级),从上往下,从左往右排版。这就是标准文档流。 float:left/right; 效果:元素都加浮动,后面的元素会紧跟着前面的元素并排排列。 A、 只要加了float,这个元素就会脱离标准文档流。 (第一个加了float,离了标准文档流,对于浏览器来说 ...
分类:
其他好文 时间:
2018-09-15 20:06:03
阅读次数:
151
标准文档流 浏览器排版是根据元素的特征(块和级),从上往下,从左往右排版。这就是标准文档流。 float:left/right; 效果:元素都加浮动,后面的元素会紧跟着前面的元素并排排列。 A、 只要加了float,这个元素就会脱离标准文档流。 (第一个加了float,离了标准文档流,对于浏览器来说 ...
分类:
其他好文 时间:
2018-09-15 18:22:00
阅读次数:
123