发表于: 2018-08-07 23:05:34

2 465


今天完成事情

      1. 学习svn ,了解repository,commit,checkout,update操作




      2. 在服务器上安装svn,把任务一的代码上传,下载,更新




      3. 上传本地文件到服务器时,提交的url写错,提示错误什么搞了半天终于行了,把svn://  写成https://了。


          老是提示什么远程拒绝了我




      4. 在vs code上关联了git。但是还是打算用web storm了,熟悉中




      5. 继续学习css布局,完成一哈任务3布局




      6.继续学习用chrome调试




明天计划事情

      1. 继续任务3




Gain

     1.粗略看了下px,em.rem  :rem 和em 可以根据浏览器灵活地改变大小 ,然后,好复杂,明天切图的时候再说。。。




     2. 中间文字布局的时候试了试text-align标签,发现界面缩小后,第二行文字开头居中了:


                              


         解决方法:text-align:justify;




     3.用width设置宽度,当浏览器窗口比元素的宽度还要窄时,浏览器会显示一个水平滚动条,所以用max-width替代




     4.padding中,上下内边距的百分数会相对于父元素宽度设置,而不是相对于高度




     5.text-align:center 和center: center不仅影响内部文本,会把整个元素居中。text-align只会影响内部内容


         所以对于img这种行内元素,要居中的话对父元素(div)设置text-align:center 就行了




     6.想用display:inline-block代替float的时候发现中间有空隙,时换行的空白符造成的,


       仔细了解inline-block属性时发现它比较适合做横排滚动之类的一排多个元素(不知道这么说到底对不对。。)


        解决办法:1.元素不换行写在一行上


                         2.用display:flex 来布局




遇到问题

     1. 上传到服务器的代码看不到但是能checkout下来。不管,以后慢慢熟悉了svn再说嘻嘻(昨天的内容)


     2. font还要搞一下,咋知道图片上的字是什么字体,什么颜色


收获

了解了flex布局


返回列表 返回列表
评论

    分享到