Git库与css布局

目录

git库

1.什么是git?

   1.1 本地仓库

    1.2 工作空间

    1.3 暂存区

     1.4 分支

2.git常用命令有哪些？

3.为什么需要git?

css布局

1.浮动

    1.1为什么会出现浮动？

   1.2怎么去清除浮动？

2.定位

     position的值有哪些?

3.弹性盒子布局

  1.1  什么的flex布局?

  1.2  父项常见属性?

   1.3 子项常见属性? 

---

git库

1.什么是git

GIT，全称是分布式版本控制系统，git通常在编程中会用到，并且git支持分布式部署，可以有效、高速的处理从很小到非常大的项目版本管理。分布式相比于集中式的最大区别在于开发者可以提交到本地，每个开发者通过克隆（git clone），在本地机器上拷贝一个完整的Git仓库。每个开发者的仓库都是互相不可见的。

    1.1 本地仓库
本地仓库就是用来管理版本库的一些文件组成，里面记录了配置信息，当前状态数据，以及版本记录等数据

    1.2 工作空间
开辟本地仓库后，在当前目录中一系列操作都可以看作是对工作空间的操作

    1.3 暂存区
类似与windows中粘贴板，对工作空间的修改还没提交到本地仓库时的数据进行一个暂存，可以随时的回退到未修改前的状态

     1.4 分支
当在我们本地进行了多次的提交后，形成了一条链路，该链路就叫做分支，当前仓库默认是master分支，也可以使用命令来创建其余分支

 2.git常用命令有哪些

mkdir <目录>
cd <目录>
git init                                     #初始化
touch <文件名>                                #创建文件
git add <文件>                            #添加到暂存区
git add .                                    #当前目录下所有文件都提交到暂存区
git commit -m "first commit"            #添加到本地仓库
git remote add  <名称> <远程仓库地址>         #本地仓库和远程仓库连接
git remote add origin XXX.git

git remote add <名称> <远端仓库地址>            #告诉客户端，远端地址是什么
git remote add origin git@gitee.com:huitailang2021/git-code.git

git push -u origin master                    #从本地仓库推送到远程仓库

git clone <远端地址>                            #克隆远程仓库

列出所有本地分支         git branch

列出所有远程分支          git branch -r

新建一个分支，但依然停留在当前分支     git branch [branch-name]

新建一个分支，并切换到该分支        git checkout -b [branch]

合并指定分支到当前分支      $ git merge [branch]

删除分支        $ git branch -d [branch-name]

删除远程分支       $ git push origin --delete [branch-name]
                            $ git branch -dr [remote/branch]

3.为什么需要git

1. 首先git是一个比svn更加优秀的代码管理工具，已经可以说取代了svn，其区别如上
2. 目前的很多程序中，都需要有git的支持，可能在使用一款工具时，会先检测是否安装了git，否则必须要求先安装git，可见其活跃度
3. 由于github和码云的兴起，拉去代码都是通过git来操作完成

css布局

1.浮动

        1.1为什么会出现浮动？

             为了页面排版时块元素同行显示

   1.2怎么去清除浮动？

           # 父级div定义height 
           # 结尾处加空div标签clear：both 
           # 父级div定义伪类：after、before 
           #父级div定义overflow：hidden 
           # 结尾处加br标签clear:both 
           # 父级div也浮动，需要定义宽度。
           # 父级div定义display：table。
           # 父级div定义overflow：auto。

      

      2.定位  position

         position的值有哪些?
                static: 静态定位   默认值
                relative：相对定位
                absolute：绝对定位
                fixed：固定定位
                sticky：粘性定位

        3.弹性盒子布局  （又称flex布局）

          1.1  什么的flex布局？

                给父亲设置flex控制的是子元素的排列方式

           1.2  父项常见属性？

                1.开启弹性盒布局
                    # display：flex；
                2.设置弹性盒主轴方向：flex-direction: row;
                    #  row水平默认值
                    #  column垂直
                    #  column-reverse垂直方向倒置
                    #  row-reverse水平方向倒置

               3.justify-content控制主轴方向子元素的排列方式
                     #  space-between两边到头，中间自适应
                     #  space-around等分，内容是居中状态
                     #  center居中
                     #  flex-start整体在最左边，默认状态

                     #  flex-end整体在最右边

               4. flex-wrap是否换行
                     #  nowrap不换行
                     #  wrap换行

             5. align-content:设置子元素侧轴排列方式（多行）
                     # space-between两边到头，中间自适应
                     # space-around等分，内容是居中状态
                     # center居中
                     # flex-start整体在最左边，默认状态
                     # flex-end整体在最右边

                6 .align-items设置子元素侧轴排列方式（单行）
                     # center
                     # flex-start
                     # flex-end

      1.3 子项常见属性?

    1. flex:分份
        布局:
        flex:1;布局 一侧固定另一侧自适应

   2. align-self控制子项自己在侧轴上的排列方式

          align-self: flex-end;
                #  center
                #  flex-end
                #  flex-start

3. order属性定义项目的排列顺序

                order：数字