<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 文档流 文档流处在网页的最底层,他表示的是一个页面中的位置 我们所创建的元素都处在文档流中 元素在文档流中的特点 块元素 ...
分类：
其他好文 时间：
2021-07-01 17:02:11
阅读次数：
0
定位 相对定位 相对定位 ： position: relative; 相对于原来的位置，进行指定的偏移，相对定位的话，他仍然在文档流中 top ： 10px； 距离上方移动10px （向下） left bottom right ：-20px； 距离右方移动-20px （向右） html ： <!DO ...
分类：
Web程序 时间：
2021-06-28 19:21:53
阅读次数：
0
正常文档流和脱离文档流概念： 正常文档流：将页面从上到下分为一行一行，其中块元素当都占据一行，相邻的行内元素则按照从左到右排列，直到排满布局。 脱离文档流：改变原先HTML文档结构，有两种办法1.浮动，2.定位 浮动可以使得元素移到左边或右边，并且后面的文字或元素环绕它。 常用于实现：水平方向上的并 ...
分类：
其他好文 时间：
2021-06-02 13:44:27
阅读次数：
0
浮动 1. 传统网页布局的三种方式 网页布局的本质——用css来摆放盒子。把盒子摆放到相应位置。 css提供了三种传统布局方式： 普通流（标准流） 浮动 定位 实际开发中，一个页面基本都包含了这三种布局方式（后面移动端学习新的布局方式）。 2. 标准流（普通流/文档流） 标签按照规定好默认方式排序即 ...
分类：
Web程序 时间：
2021-05-24 12:47:42
阅读次数：
0
标准文档流： 标准文档流指元素排版布局过程中，元素默认从左到右，从上到下的布局方式，自动换行。 块级元素 和 行内元素 在标准文档流中的表现： 块级元素： 1.块级元素是独占一行的，不与其他元素并列 2.可设置宽高，若不设置宽高则宽度与父元素相同 行内元素： 1.与其他元素并排 2.设置宽高无效，宽 ...
分类：
其他好文 时间：
2021-05-24 01:49:09
阅读次数：
0
一、什么是文档流？ 将窗体自上而下分成一行一行，并在每行中按从左至右依次排放元素，称为文档流，也称为普通流。 这个应该不难理解，HTML中全部元素都是盒模型，盒模型占用一定的空间，依次排放在HTML中，形成了文档流。 二、什么是脱离文档流？ 元素脱离文档流之后，将不再在文档流中占据空间，而是处于浮动 ...
分类：
Web程序 时间：
2021-05-24 00:43:11
阅读次数：
0
5 浮动 标准文档流 块级元素：独占一行 h1~h6 p div 列表。。。 行内元素：不独占一行 span a img strong 行内元素可以被包含在块级元素中，反之，则不可以~ 5.2 display 却可以这样做 <!DOCTYPE html> <html lang="en"> <head ...
分类：
Web程序 时间：
2021-03-15 10:58:26
阅读次数：
0
相对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> * { margin: 0; padding: 0; } .box1{ w ...
分类：
其他好文 时间：
2021-02-15 11:57:41
阅读次数：
0
position 的属性值: relative，absolute，fixed，static，inherit，sticky static static(没有定位)是position的默认值，元素处于正常的文档流中，会忽略left、top、right、bottom和z-index属性。 relative ...
分类：
其他好文 时间：
2021-01-18 11:16:56
阅读次数：
0
1 通过style属性中的 display : none { 这种是最常用方式之一 } 这两种方式的区别是: display 设置为 none之后, 该元素不占用文档流 visibility 设置为 hidden之后, 该元素仍然占用文档流, 只不过是看不见了而已 2 通过style属性中的 vis ...
分类：
Web程序 时间：
2021-01-14 11:17:34
阅读次数：
0
