发表于: 2017-03-20 22:58:38
5 632
今天完成的事情(4、5个小时)
1.完成任务二,将九宫图上传到服务器;基本了解、初步掌握了Xshell、与服务器的作用和联系;
2.开始任务三,下了PS CC2017,感觉PS功能真够强大的;
3.任务三相关:
①学习了内外边距相关知识;
②在用div布局网页上,在草稿上画了布局,但无法用代码写出;
③然后直接跳过②去做切图了,对切图概念不是很懂,在网上看了资料也不是很了解,切图到底要切哪些部分,是直接把图抠出来还是直接截出一大块拼拼,感觉切一大块这做法也太粗糙了,然后问了师兄,师兄说用图层直接输出比较好,我完全赞同这做法!
④用盒子模型稍微调了调,但想对多个图片分别进行样式操作,选择器都是img,不知道怎么选择其中之一进行操作,问了师兄,师兄说少用标签选择器,用类选择器,ok,我下一步就是补补选择器的知识啦。
今天只能做到这样:
明天计划的事情
1.尽力完成任务三;
2.先掌握选择器的内容,再搞明白div、自适应;
3.解决未能解决的疑问;
遇到的问题
1.为什么访问的网页九宫图缩小了那么多?
师兄解答:浏览器的兼容性,这是个难点,现在先放着;
2.若是负值是什么效果?
尝试:在边边上的元素跑到网页外啦;
3.为什么外边距在很多情况下使用负值?
4.上下左右的内边距的百分数值都是父元素的width作为基准;为啥?
5.px em的区别?
解决方式:网上搜答案:
1px=16em;
em具有继承性(?:em会继承父级元素的字体大小。)
ie ff能调整大小,ie无法调整px作为单位的网页字体大小(先mark...);
用em作为单位的好处是方便老年人阅览,方便非JS方式调整大小。
用px作为单位的好处来说是不管浏览器字体大小如何设置,都不会“乱套”。但是可以通过JS方式调整大小。
6.外边距合并的两个边距宽度没有限制吗?
7.上图中下面两个图片下我没有添加文本,因为不知道怎么将图片和文本组合,是应该在div里加div吗?
明天真的要把div搞明白啦>.<
8.html文件里图片是读取目录,那如果改变图片位置呢会怎样呢?
师兄解答:为了避免html读取图片目录失败,把图片元素放进image/xx的目录里;
9.含有图片的html文件上传到服务器时,也要上传图片吗?
师兄解答:是的,在同一级建个images文件,把图片放在里面,路径写相关路径images/xxx,绝对路径C:~/images/xx会慢;
收获
1.了解了Xshell是终端模拟器,所谓终端是输入、输出结果的设备;
了解了服务器:顾名思义,提供计算机服务的设备,响应服务请求,进行处理;
2.掌握Xshell与服务器的连接,学习了最基本Linus命令:
①sz:send服务器将文件传送到终端;
②rz:received服务器接受了来自终端的文件;
3.学会了“通过域名访问服务器的文件”,身为纯正宗的菜鸟,我真的不懂怎么“通过域名”,网上搜也搜不懂的那种,然后偷看了其他同学的日报,才知道是什么= =:htpp://IP/用户名/文件名;
4.补充了CSS边距的内容:
①padding属性:长度;
②margin属性:长度;
默认值时,两种情况,一为:0;二:浏览器自动在元素之间生成空性(所以有需要时自己赋0值);
③border属性:
(1)border-style:有了样式才有边框;
(2)border-width:px、em单位;三大关键字:thin、medium、thick;
(3)border-color:在完成任务三时,背景颜色可以利用PS里的工具显示颜色的十六进制~
默认时,继承元素本身的颜色;元素本身没有文本,继承父元素的颜色;
(4)透明边框:border-color:transparent;
④值复制:
⑤边距合并:当两个垂直的边距相遇时,发生合并,合并后的边距高度是二者边距高度最大者;
一个元素包含另一个元素时也会发生合并;合并后的边距遇到另一个边距也会发生合并;
日报用时不到1个小时,今天重新回到CSS的学习中,感觉倍感亲切,学得舒服,所以节奏反而放慢了,我的天哈哈。明天继续
评论