发表于： 2020-06-02 23:09:52
1 891
今日完成任务3
git本地文件到远程仓库出了问题
查询资料得知应该是分支这块出的问题
git branch newbranch创建一个新的分支解决了。
clone到远程服务器后使用手机访问index.html
出现文字乱码问题，
打开html文件发现charset=“UTF-8”拼写错误导致文字乱码
修改后push再clone完成任务3.
思考问题，为何之前charset编写错误却不妨碍谷歌浏览器访问
查找资料得知
win10系统默认编码为UTF-8。
开始任务4
学习CSS的position
position的属性有五个值：
static，relative，fixed，absolute，sticky。
其中static定位为HTML元素中默认的值，既没有定位。遵循正常的文档流对象。
fixed定位相对于浏览器窗口是固定位置，即使是拖动浏览器他的位置也不变。
p.pos_fixed{
position:fixed;
top:30px;
right:15px;
}
定义元素的位置为距离浏览器窗口上30像素，右15像素的位置，且不会随着拖动浏览器改变位置。
relative定位为相对与该元素本来在的位置
编码实战
p.pos_relative{
position:relative;
left:-20px;
}
定义元素位置改变为它本来位置向左移动20像素。且移动元素，它本来所占的空间不会变
absolute定位与最近已定位的父元素，若没有，定位相对与<html>
h2{
position：absolute；
left：200px；
top:150px;
}
表示h2标题是定位与距离页面左边200像素，顶部150像素的位置。
sticky定位为粘性定位，它包含了fixed和relative定位的特点
随着浏览器页面的滚动，开始会position relative，当页面超过目标区域是，又会像position fixed，固定在页面的位置。
这里有一个阈值，当未达到阈值是，它是relative，当超过这个阈值时，他就会是fixed。
明日目标：学习input，添加样式，切图，调试代码。
返回列表
评论