定位 相对定位 相对定位 ： position: relative; 相对于原来的位置，进行指定的偏移，相对定位的话，他仍然在文档流中 top ： 10px； 距离上方移动10px （向下） left bottom right ：-20px； 距离右方移动-20px （向右） html ： <!DO ...
分类：
Web程序 时间：
2021-06-28 19:21:53
阅读次数：
0
构建一个 div ， class 随便命名 css 部分 class 名字 { position: relative; // 相对定位是重点 } class名字:before,class名字:after{ position: absolute; content: " "; top: 10px; le ...
分类：
Web程序 时间：
2021-06-17 17:04:05
阅读次数：
0
理论是基础，有些东西还是要温故而知新吧，闲余之时还是要“炒炒现饭”。下面小编把“阿里Web前端开发面试题”贴出来，大伙看看吧~~ 1. CSS 盒子模型，绝对定位和相对定位 1）清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法 2）如何保持浮层水平垂直居中 3）position 和 displa ...
分类：
Web程序 时间：
2021-06-16 18:14:23
阅读次数：
0
1.负margin技术： 当元素的margin-top和margin-left取负值时，“当前元素”会被拉向指定方向。 当元素的margin-bottom和margin-right取负值时，“后续元素”会被拉向指定方向。 自适应两列布局 <style> *{margin:0} .main,.side ...
分类：
其他好文 时间：
2021-06-07 20:00:34
阅读次数：
0
一,定位介绍 定位的基本思想很简单，它允许你定义元素出现在页面的任何位置. 是通过position属性配合left,right...等来实现的. 二,定位类别 1.相对定位 相对定位就是相对于自己以前在标准流中的位置来移动 语法: position: relative; 配合left, top, r ...
分类：
Web程序 时间：
2021-04-24 11:55:51
阅读次数：
0
一、伪类 1、: link{} （未访问链接的状态） 2、: hover{} （鼠标放上去的一个状态） 3、: active{} （鼠标点击上去的一个状态） 4、: visited{} （访问之后的一个链接状态） 注意：hover{} 用于所有标签，其它三个只用于 a 标签 二、定位 1、相对定位（ ...
分类：
Web程序 时间：
2021-04-14 12:38:02
阅读次数：
0
1.定位position的取值: static:默认值，静态的 relative:相对定位 absolute:绝对定位 fixed:固定定位 sticky:粘性定位 既然是定位了，不同定位之间的区别是参考系不同 position:static 特点：默认的定位方式，元素不受top，buttom，le ...
分类：
Web程序 时间：
2021-04-13 11:40:23
阅读次数：
0
6.定位 6.1 相对定位 6.2 绝对定位 6.3 z-index <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>默认情况</title> <style> div{ margin: 10px; paddi ...
分类：
Web程序 时间：
2021-03-15 10:57:59
阅读次数：
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
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 /* 8 相对定位特点 9 1.不会离文档流 占位 所有后面的元素不会往前跑 10 2 ...
分类：
其他好文 时间：
2021-01-11 11:05:23
阅读次数：
0
