发表于: 2017-03-20 22:58:38

5 631


今天完成的事情(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的学习中,感觉倍感亲切,学得舒服,所以节奏反而放慢了,我的天哈哈。明天继续










返回列表 返回列表
评论

    分享到