在HTML5中包括了两种绘图方式,canvas和svg(矢量呈现),而与canvas不同的是,svg是一种XML标记语言,它既可以单独保存以“.svg”为后缀的文件在浏览器中打开显示,也支持建立svg标签直接嵌入在网页中显示,还可以通过<embed src="文件.svg" name="name自命 ...
分类:
其他好文 时间:
2018-09-28 10:59:58
阅读次数:
157
高级布局 一、文档流(normal flow) 1、概念 v_hint:本质不存在文档流概念,当一个错误的概念被绝大数人认为是对的,那么它就是对的 2、BFC(Block formatting context) 3、BFC规则 二、浮动布局 1、解决的经典案例 2、基本语法 3、浮动布局问题 在不做 ...
分类:
其他好文 时间:
2018-09-26 22:09:01
阅读次数:
197
Position位置 只要使用定位,必须要有一个相对的参照物。relative 具体定位的那个元素需要加position:absolute;绝对的 绝对的 :就是具体到某一个地方了,特别详细的意思。 使用绝对定位的时候,浏览器会逐层向上级元素找position属性,如果父级没有就会继续向上级查找po ...
分类:
其他好文 时间:
2018-09-26 20:49:57
阅读次数:
176
position (位置) 只要使用定位,必须要有一个相对的参照物(position:relative) 具体定位的那个元素需要加(position:absolute) 使用绝对定位的时候,浏览器会逐层向上级元素找position属性,如父级没有就会继续向上级查找position,一直找到posit ...
分类:
其他好文 时间:
2018-09-26 20:12:40
阅读次数:
146
Position(位置) 只要使用定位,必须要有一个相对的参照物。relative 具体定位的那个元素需要加position:absolute;(绝对的)。绝对的 :就是具体到某一个地方了,特别详细的意思。 使用绝对定位的时候,浏览器会逐层向上级元素找position属性,如果父级没有就会继续向上级 ...
分类:
其他好文 时间:
2018-09-26 17:15:28
阅读次数:
170
Absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。Fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "r ...
分类:
其他好文 时间:
2018-09-23 22:20:34
阅读次数:
189
1.static 元素根据文档的正常流进行定位。top、right、bottom、left和z-index属性没有影响。这是默认值。 2.relative 元素根据文档的正常流进行定位。然后根据的top、right、bottom和left值相对于自身进行偏移。偏移量不会影响任何其他元素的位置,因此, ...
分类:
其他好文 时间:
2018-09-23 16:36:36
阅读次数:
127
基本html文本 1. position-static #part1{ width: 200px; height: 200px; background: gold; } #part2{ position: relative; top: 200px; left: 200px; background: ...
分类:
Web程序 时间:
2018-09-22 19:58:10
阅读次数:
264
源代码部分: (1)httm部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" ...
分类:
其他好文 时间:
2018-09-22 10:36:54
阅读次数:
139
一.关于上篇博客的回顾 1.定位 (1).相对定位 ①.参考点:相对原来的位置 ②.特性: a.如果一个标准文档流的盒子,仅仅设置了相对定位,与普通盒子一样 b.设置相对定位之后,如果调整位置,会"留坑" ③.作用: a.微调元素 b.子绝父相的参考 c.提升层级(不建议) (2).绝对定位 ①.参 ...
分类:
其他好文 时间:
2018-09-21 23:13:25
阅读次数:
282