发表于: 2018-05-26 22:34:23
2 594
今天完成的事情:
完成任务十四的两个页面的重新命名,修改一下以前的代码不规范。
完成任务十四的导航栏部分。
明天计划的事情:
明天问下师兄导航栏部分有什么需要更改的,修改一下导航栏样式。
开始做最后一个部分轮播图。
遇到的问题:
今天遇到一个问题就是webstorm编译有问题,使用sass编译不了。
具体是我在sass写了,或者删除了东西,CSS部分没有作用,然后自己去CSS部分,再次改下代码。使用浏览器看还是没效果,回去CSS部分,又倒退了。我删除或者改动部分,又没有了。
解决办法是,明天使用sublime编写代码。暂时不用webstorm,删除重装。
收获:
代码多加注释,看我以前的代码,有点乱,加上注释,方便查看。
transform:rotate(1440deg);
CSS动画我换成了旋转效果,不用以前的跑马灯。多了解一个效果。
.如何利用PS切图以及从UI图中获取所需信息?
PS中有一个一键切图功能,只需要打开一键切图动作,然后选择我们需要的图标,选中,按shift+f2,之后就可以导出图片,也可以选择切片工具,手动切图、导出最好是PNG24,不然会有白边。
还有我们可以选择查看字体,查看字体大小等信息。用虚拟框即可
3.如何进行自适应网页设计?
在HTML头部增加viewport标签。在布局中不用固定宽度,使用想vh,vw %等单位来进行布局。
我们在CSS中写下的px不是一个绝对值,会根据不同分辨率来进行调整。
在桌面浏览器上,1px等于1个物理像素。手机端是分辨率越高,一个px就等于更多的物理像素。
task4
3.常见的表单元素有哪些?各有什么属性?
文本框,下拉列表,单选框,复选框等,主要是为了收集信息。
form:定义了用户输入的表单,
label,定义一个控制的标签,
input定义输入域,可以设置不同的功能,比如密码,文本
button按钮
select,下拉列表
option。下拉列表中的选项
5.使用fixed的时候,在手机上查看是否会有问题,怎么解决?
在iOS上会出现fixed元素失效,变成absolute定位,
解决办法是放fixed的父元素不滚动,把滚动部分放到中间,
6.常见的移动端登录页header有哪些实现方式?
两三个元素。使用flex布局,可以比较精简的实现,如果头部有一个元素,可以浮动。
CSS-task14
禅道主页:http://task.jnshu.com/zentao/project-task-709.html
任务开始时间:5.24
预计任务结束时间:5.29
评论