0基础CSS超详细笔记第五天

最新推荐文章于 2024-09-13 19:52:51 发布

魏佳伟

最新推荐文章于 2024-09-13 19:52:51 发布

阅读量32

点赞数

文章标签：笔记 html 前端

本文链接：https://blog.csdn.net/qq_54249255/article/details/131075154

版权

定位：（position）

1.静态定位：static （默认）————标准流。

2. 相对定位： relative （相对于自己在标准流中的位置来移动）

特点：不脱标，还保留原来位置。

注意：

相对定位是不脱离标准流的, 会继续在标准流中占用一份空间
在相对定位中同一个方向上的定位属性只能使用一个
由于相对定位是不脱离标准流的, 所以在相对定位中是区分块级元素/行内元素/行内块级元素
由于相对定位是不脱离标准流的, 并且相对定位的元素会占用标准流中的位置, 所以当给相对定位的元素设置margin/padding等属性的时会影响到标准流的布局

3. 绝对定位：absolute（绝对绝对，相对于body中的位置来移动。但，只要祖先元素中设置了定位，他就会以祖先元素为基准移动。）

注意：

1.规律默认情况下所有的绝对定位的元素, 无论有没有祖先元素, 都会以body作为参考点

2.如果一个绝对定位的元素有祖先元素, 并且祖先元素也是定位流, 那么这个绝对定位的元素就会以定位流的那个祖先元素作为参考点。 2.1只要是这个绝对定位元素的祖先元素都可以 2.2指的定位流是指绝对定位/相对定位/固定定位 2.3定位流中只有静态定位不行

3.如果一个绝对定位的元素有祖先元素, 并且祖先元素也是定位流, 而且祖先元素中有多个元素都是定位流, 那么这个绝对定位的元素会以离它最近的那个定位流的祖先元素为参考点。

1.绝对定位的元素是脱离标准流的 2.绝对定位的元素是不区分块级元素/行内元素/行内块级元素 3.如果一个绝对定位的元素是以body作为参考点, 那么其实是以网页首屏的宽度和高度作为参考点, 而不是以整个网页的宽度和高度作为参考点 4.一个绝对定位的元素会忽略祖先元素的padding

4. 固定定位（fixed）

注意点: 1.固定定位的元素是脱离标准流的, 不会占用标准流中的空间 2.固定定位和绝对定位一样不区分行内/块级/行内块级

补充：gitee的使用:

个人使用:
   首次使用(第二次不需要)需要全局配置:
       git config --gloabal user.name '自己用户名';
       git config --gloabal user.email '自己邮箱';
   将当前本地仓库初始化为一个git仓库
       git init 初始化git仓库
       git add . 查看有没有可以提交的文件/有无文件修改/提交文件到暂存区
       git status 查看git提交状态(哪些文件修改可以被提交)
       git commit -m '[xxx]做了什么事情' 提交暂存区文件到本地仓库
       首次使用(第二次不需要):
           git remote add origin 远程仓库地址将本地仓库和远程仓库进行绑定
           git remote -v 查看远程仓库是否绑定成功
       git push origin master 将文件提交到远程仓库
           第一次提交弹框用户名和密码这里写手机号和gitee密码
   第二次使用
       git add ./* 追踪文件有无修改
       git status 查看git提交状态
       git commit -m 'xxx做了什么事情'
       git push origin master
   仓库命名:
       自学
           第day01
团队使用:
   老师:
       发一个项目给组长
   组长
       第一次:
       提交项目到团队远程仓库
       am-dashbord提交到远程团队仓库
       1.把本地团队仓库初始化成.git仓库 git init
       2.git add . 提交修改文件
       3.git status 查看git提交状态
       4.git commit -m '组长提交了项目架构' 提交项目到本地仓库
       5.git remote add origin 团队远程仓库地址将本地团队仓库和远程团队仓库进行绑定
       6.git remote -v 查看仓库有没有绑定成功
       7.git push origin master 提交项目到远程仓库
       第二次写了代码要提交:
           组长更新别人的代码 git pull origin master
           git add .
           git status
           git commit -m 'xxx做了什么事情'
           git push origin master
   组员
      拉取项目架构
       git clone 团队远程仓库地址克隆组长上传的项目
       组员修改自己的文件要上传了
       ******** git pull origin master 更新别人的代码一起提交
       git add . 跟踪修改的文件
       git status 查看可提交文件
       git commit -m '组员a提交了自己的模块'
       git push origin master 将代码提交远程仓库
git log 查看git提交日志
git reflog 查看git所有提交日志