学习前端第四周

CSS与Git基础
本文介绍了CSS选择器优先级、HTML表单元素、表格布局及元素对齐方式等前端知识,并覆盖了Git的基本操作流程,包括仓库初始化、文件管理、状态查询、版本回退及远程仓库的关联与推送。

1.ID/class 选择器优先于element选择器,ID选择求优先于class选择器,!important可以提高选择器的优先级。

2.HTML 表单中有两种类型的单元格:
表头单元格 - 包含表头信息(由 th 元素创建)
标准单元格 - 包含数据(由 td 元素创建)

th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。

3.表格横跨2列 <td colspan="2"></td>  横跨2行rowspan="2"

 

4.position    静态定位:position:static(默认)

相对定位:position:relative配合使用top,bottom,left和right

绝对定位:position:absolute配合使用top,bottom,left和right

固定定位:position:fixed

5.对齐方式
5.1水平居中
5.1.1行内元素的水平居中
.parent{text-align: center;}    
.child{display: inline-block;}
5.1.2块状元素的水平居中(定宽)
.child{width: 200px;margin: 0 auto;}
5.1.3块状元素的水平居中(不定定宽)
可以直接给不定宽的块级元素设置text-align:center来实现,也可以给父元素加text-align:center 来实现居中效果。
5.2垂直居中
        条件是父元素是盒子容器且高度已经设定,子元素是行内元素,高度是由其内容撑开的,设定父元素的line-height为其高度,子元素是块级元素但是子元素高度没有设定。
给父元素设定。
        display:table-cell;vertical-align:middle
        子元素是块级元素且高度已经设定计算子元素的margin-top或margin-bottom。
5.3水平垂直居中
水平对齐+行高
text-align + line-height
水平+垂直对齐
在父元素设置text-align和vertical-align,并将父元素设置为table-cell元素,子元素设置为inline-block元素
相对+绝对定位

.parent{position: relative;}
.child{
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 height: 50px;
 width: 80px;
 margin: auto;
}

git相关知识

1.git init 初始化一个git仓库 

mkdir learngit

cd learngit

pwd

2.git add   添加文件到暂存区(stage)

3.git commit -m "本次提交说明"

4.git status    实时掌握工作区状态

5.git diff        查看修改内容

6.git log        可以查看提交历史(--pretty=oneline 可以简化界面)回到过去

7.git reflog    查看命令历史,回到未来

8.cat 文件  查看当前仓库文件内容

 

9.git diff HEAD -- 文件名        查看工作区和版本库里面最新版本的区别

10.git checkout -- 文件名         丢弃工作区的修改

11.git reset HEAD  文件名        把暂存区的修改撤销掉(unstage),重新放回工作区。git reset命令既可以回退版本,也可以把暂存区的修改回退到工作区。当我们用HEAD时,表示最新的版本。

12.rm文件名  删除文件   git rm 文件名 确认删除  git checkout -- 文件名 撤销删除

13.git remote add origin (SSH码)    关联一个远程库(远程库名字为origin)

git push -u origin master        第一次推送master分支的所有内容

每次本地提交后,只要有必要,就可以使用命令git push origin master推送最新修改。

14.git clone +SSH码   克隆

15.git pull  拉取

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值