发表于： 2020-03-04 21:35:20
1 1462
1.css屏幕大小自适应
（1）首先要在<head>中添加一下代码：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
（2）媒体查询：使用@media媒体查询可以针对不同的媒体类型定义不同的样式，
@media screen and (max-width:960px){
body{
background: #000;
}
} 代表着当页面小于960px时执行下面的CSS代码。
body{
background: #000;
}
} 代表着当页面大于960px时执行下面的CSS代码。
@media screen and (min-width:960px) and (max-width:1200px){
body{
background: #000;
}
} 代表着当页面大于960px 小于1200px时执行下面的CSS代码。
2.复习配置nginx ，把conf文件夹下的ngin.conf文件用记事本打开，把root路径更改为要用到的路径，完成后，重启nginx。在浏览器地址中输入: localhost/task3.html ,实现本地访问。
3.复习用git将代码上传同步到github
（1）将文件放到目录文件夹下
（2）用git add 把文件添加进去，在用git commit -m "本次任务说明" 将文件提交
（3）因为之前已经与github的仓库同步了，直接上传git push origin master
（4）可以实现github访问：https://corgi-hxs.github.io/learngit/task3.html
（1）使用rz命令将需要用到的文件上传到服务器
（2）可以实现访问：http://118.126.113.248/jnshu876/task3.html
5.margin,padding的理解
（1）margin和padding 对 block（块级元素）和 inline-block （内联块级元素）元素有效，而对inline（内联元素）元素无效。
（2）margin会减少块级元素的可视区域，而padding能增加元素容器的可视区域
（3）margin 有负值，padding不能使用负值
二.遇到的问题
1.经过昨天师兄的指导，在加上百度查找，已经解决了自适应的问题
1.进行任务4的学习
返回列表
评论