发表于： 2018-05-26 22:34:23
2 593
今天完成的事情：
完成任务十四的两个页面的重新命名，修改一下以前的代码不规范。
完成任务十四的导航栏部分。
明天计划的事情：
明天问下师兄导航栏部分有什么需要更改的，修改一下导航栏样式。
开始做最后一个部分轮播图。
遇到的问题：
今天遇到一个问题就是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
返回列表
评论