html 1 <div class="parentBox"> 2 <div class="leftbox"></div> 3 <div class="rightbox"></div> 4 </div> 浮动布局 1 .parentBox{ 2 width: 100%; 3 height: 600px ...
分类:
其他好文 时间:
2021-06-02 20:16:12
阅读次数:
0
正常文档流和脱离文档流概念: 正常文档流:将页面从上到下分为一行一行,其中块元素当都占据一行,相邻的行内元素则按照从左到右排列,直到排满布局。 脱离文档流:改变原先HTML文档结构,有两种办法1.浮动,2.定位 浮动可以使得元素移到左边或右边,并且后面的文字或元素环绕它。 常用于实现:水平方向上的并 ...
分类:
其他好文 时间:
2021-06-02 13:44:27
阅读次数:
0
一、路由 二、路由器的工作原理 三、路由表的形成 1)路由表 2)路由表的形成 四、路由协议分类 五、静态路由 1)优点 六、默认路由 七、浮动路由 一、路由 从源主机到目标主机的转发过程。 二、路由器的工作原理 路由器利用网络寻址功能使路由器能够在网络中确定一条最佳的路径。IP地址的网络部分确定分 ...
分类:
其他好文 时间:
2021-06-02 10:35:22
阅读次数:
0
float 浮动法:中间的元素需放在最后,左右元素使用左浮动和右浮动,中间的元素使用 margin-left 和 margin-right 与两边留出间隔(就是两个浮动元素的宽度) 缺点:三个元素的顺序受限,middle 必须放在最后,而且浏览器窗口宽度不够时,right 元素会被挤到下一行 <di ...
分类:
Web程序 时间:
2021-05-24 16:58:25
阅读次数:
0
1. 水平居中(margin: auto;)子父元素宽度固定,子元素上设置 margin: auto; 子元素不能设置浮动,否则居中失效。 #div1{ width: 300px; height: 300px; border: 1px solid red; } #div1 p { width: 10 ...
分类:
Web程序 时间:
2021-05-24 15:08:56
阅读次数:
0
浮动 1. 传统网页布局的三种方式 网页布局的本质——用css来摆放盒子。把盒子摆放到相应位置。 css提供了三种传统布局方式: 普通流(标准流) 浮动 定位 实际开发中,一个页面基本都包含了这三种布局方式(后面移动端学习新的布局方式)。 2. 标准流(普通流/文档流) 标签按照规定好默认方式排序即 ...
分类:
Web程序 时间:
2021-05-24 12:47:42
阅读次数:
0
标准文档流: 标准文档流指元素排版布局过程中,元素默认从左到右,从上到下的布局方式,自动换行。 块级元素 和 行内元素 在标准文档流中的表现: 块级元素: 1.块级元素是独占一行的,不与其他元素并列 2.可设置宽高,若不设置宽高则宽度与父元素相同 行内元素: 1.与其他元素并排 2.设置宽高无效,宽 ...
分类:
其他好文 时间:
2021-05-24 01:49:09
阅读次数:
0
一、float 1.什么是浮动:在我们布局的时用到的一种技术,能够方便我们进行布局,通过让元素浮动,我们可以使元素在水平上左右移动,再通过margin属性调整位置 2.浮动的原理:使当前元素脱离普通流,相当于浮动起来一样,浮动的框可以左右移动,直至它的外边缘遇到包含框或者另一个浮动框的边缘 3.浮动 ...
分类:
Web程序 时间:
2021-05-24 00:50:54
阅读次数:
0
一、什么是文档流? 将窗体自上而下分成一行一行,并在每行中按从左至右依次排放元素,称为文档流,也称为普通流。 这个应该不难理解,HTML中全部元素都是盒模型,盒模型占用一定的空间,依次排放在HTML中,形成了文档流。 二、什么是脱离文档流? 元素脱离文档流之后,将不再在文档流中占据空间,而是处于浮动 ...
分类:
Web程序 时间:
2021-05-24 00:43:11
阅读次数:
0
一、精灵图 -->网站中的小图标,放在一张大的png中,使用小图时测量容器的大小,测量小图在整个精灵图中的位置,在background中设置负的位置 二、盒子模型 1、构成:内容 + padding + border + margin (margin控制位置,其余三个控制大小) 2、margin : ...
分类:
Web程序 时间:
2021-04-13 12:43:30
阅读次数:
0