发表于: 2018-05-28 00:01:31

2 628


今天完成的事情:

sublime使用、emmet语法、插件安装、配置与插件备份还原、常用快捷键


github网页端使用、github桌面端安装、常规操作、仓库、版本、分支(分支的删除分为两种,delete同时删除本地与远端的分支,UNpublish删除远端分支) 注意: 区分默认分支与当前分支, 默认分支不可以删除,若要删除在setting中将默认分支设置为其他的分支即可、github pages页面展示。

参考URL:http://gitbeijing.com


vh与百分比的区别

之前还真没注意CSS3里这几个新功能……

首先%代表相对宽度/高度,问题在于这个值相对什么,不同属性是不一样的,对于block的高度、宽度等,一般相对于父元素,而根元素body在没有定义高度的情况下是没有高度的。对于其他一些属性,比如font-size,相对的是em的大小。

而vh、vw不同,永远都是相对于视窗大小的,即便写在font-size里面也是按视窗大小。这个就会有很多很方便的地方了。

% 是相对于父元素的大小设定的比率

vw (viewport width) vh (viewport height) 是视窗的大小,100vw = 100%视窗宽度 100vh = 100%视窗高度,用vw,vh设定的大小只和视窗大小有关,所以用来开发多种屏幕设备的应用用这个单位还是挺合适的。


自适应与缩放区别

最重要的是在多种浏览设备上阅读和导航,同时减少缩放、平移和滚动啊!没做自适应的网页你要看个东西你得做多少次缩放!


flex布局初步了解

padding-top-bottom 是基于父元素的width


长度单位:

css2

%   相对单位 相对于父元素

css3

rem 相对长度单位。相对于根元素(即html元素)font-size计算值的倍数

vw 相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin

vh  相对于视口的高度。视口被均分为100单位的vh

vmax 相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax

vmin 相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin

ch 数字“0”的宽度

属性

明天计划的事情:

完成task3,若是task2完成不算完整需要继续学习git、svn、webstorm。

遇到的问题

疑问:viewport元标签的具体效果及使用不太了解。

疑问:已经学会了sublime与github客户端使用,不知是否还需要学习webstorm、svn、git。

疑问:前段学习需要购买服务器、了解linux与git命令吗?

收获:

github客户端使用、版本管理相关知识、sublime使用方法



返回列表 返回列表
评论

    分享到