日常总结
关于Git与Gitlab
-
需要注意不同分支之间的关系,不要随意合并。
使用频率较高的Git命令:
$ git add 1.txt 添加到暂存区
$ git commit -m"(记录使用的注释)" 把文件提交到仓库
$ git status 查看是否还有文件没有提交
$ git log 查看历史记录
$ rm 1.txt 删除文件
$ git push origin master 推送文件到Gitlab
$ git remote -v 查看是否连接Gitlab仓库
前端(Html+css+JavaScript/Typescript+vue)
HTML
部分重要常用标签:
图片标签
<img src="(目标图片的路径)" alt="(替换文本)" title="(提示文本/鼠标悬停时显示的文本)">
图片标签的width和height属性
属性名:width和height
属性值:宽度和高度(数字)
注意点:
• 如果只设置width或height中的一个,另一个没设置的会自动等比例缩放(此时图片不会变形)
• 如果同时设置了width和height两个,若设置不当此时图片可能会变形
总结:
属性 | 说明 |
---|---|
src | 指定需要展示图片的路径 |
alt | 替换文本,当图片加载失败时,才显示的文字 |
title | 提示文本,当鼠标悬停时,才显示的文字 |
width | 图片的宽度 |
height | 图片的高度 |
路径小结
相对路径有哪三种情况:
• 同级目录:直接写:目标文件名字!
• 下级目录:直接写:文件夹名/目标文件名字!
• 上级目录:直接下:…/目标文件名字!
VSCode中路径的快捷操作?
• 同级和下级目录:./ 之后选择即可
• 上级目录:…/ 之后选择即可
音频标签
代码
<audio src="music.mp3" controls></audio>
示例
<body>
<img src="img/1.jpg" alt="" title="音乐">
<audio src="./music.mp3" controls></audio>
</body>
常见属性:
属性名 | 功能 |
---|---|
src | 音频的路径 |
controls | 显示播放的控件 |
autoplay | 自动播放 |
loop | 循环播放 |
注意
- 音频标签目前支持三种格式: MP3、Wav、Ogg
视频标签
代码
<video src="./video.mp4" controls></video>
示例
<body>
<img src="img/1.jpg" alt="" title="视频">
<audio src="./music.mp3" controls></audio>
<video src="./video.mp4" controls></video>
</body>
常见属性:
属性名 | 功能 |
---|---|
src | 视频的路径 |
controls | 显示播放的的控件 |
autopsy | 自动播放(谷歌浏览器中需配合muted实现静音播放) |
loop | 循环播放 |
链接标签
代码
<a href="./目标网页.html">超链接</a>
显示特点
• a标签默认文字有下划线
• a标签从未点击过,默认文字显示蓝色
• a标签点击过之后,文字显示为紫色(清除浏览器历史记录可恢复蓝色)
属性名:target
取值 | 效果 |
---|---|
_self | 默认值,在当前窗口中跳转(覆盖当前网页) |
_blank | 在新的窗口中跳转(保留原网页) |
示例
<a href="http://www.baidu.com/" target="_blank">百度一下</a>
CSS
复合选择器
-
后代选择器
选择器之间用空格隔开
作用: 由嵌套关系,在根据选择器1所找到的标签的后代中,找到满足选择器2的标签,设置样式
示例:
p .color