发表于: 2018-06-17 22:15:38

1 525


今天完成的事情:

1.学习如何配置了nginx,下载安装了nginx-1.14.0版本。跟着【IT修真院系列】nginx如何配置(https://www.zhihu.com/question/41430703)教程在D盘建了home夹。

3.实现手机访问电脑,手机连同一个WiFi,电脑ip:win+R→cmd→ipconfig→回车找到无限局域网适配器WLAN的IP地址。.

4.今天试着用display:inline-block布局九宫格。出现了个问题,去百度了浮动布局与inline-block布局的区别:1.display的几个常用的属性值,inline , block, inline-block·inline:.使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行. .不能更改元素的height,width的值,大小由内容撑开. .可以使用padding,margin的left和right产生边距效果,但是top和bottom就不行.·block:.使元素变成块级元素,独占一行,在不设置自己的宽度的情况下,块级元素会默认填满父级元素的宽度. .能够改变元素的height,width的值. .可以设置padding,margin的各个属性值,top,left,bottom,right都能够产生边距效果.·inline-block:.结合了inline与block的一些特点,结合了上述inline的第1个特点和block的第2,3个特点.

.用通俗的话讲,就是不独占一行的块级元素。2.inline-block布局 vs 浮动布局a.不同之处:对元素设置display:inline-block ,元素不会脱离文本流,而float就会使得元素脱离文本流,且还有父元素高度坍塌的效果b.相同之处:能在某程度上达到一样的效果

了解了下,没有解决上面的的问题。明天计划的事情:1. 尽快完成九宫格提交2. 记一些linux命令3. 练习git拉代码、更新代码、上传代码4. 安装svn,并练习如何使用

遇到的问题:1.Display:inline-block布局九宫格,屏幕向左压缩变得很小后格局被破坏了。不知道怎么调试。2.xshell5主机(h)问题

收获:1. 学会了nginx配置。代码测试,实现了手机访问2. 看师兄们日报的时候学会了几种去除inline-block间隙的方法:父元素设置font-size:0和父元素设置letter-spacing:-npx.margin:-npx等等



返回列表 返回列表
评论

    分享到