-
http://www.imooc.com/activity/project1查看全部
-
vw表示相对于视窗的宽度，计算公式是 实际宽度/视窗的宽度=x/100，求出的x就是对应的vw宽度值 2016-02-05 回复 1 峰池 相对于视口的宽度。视口被均分为100单位的vw。 现在移动端屏幕宽度不确定，vw和vh可以理解为一种百分比设定 2016-02-04 回复 0 因扎吉 (提问者) 那为什么不直接用百分比？ #12016-02-04 回复 小感冒 回复 因扎吉： 因为vw可以解决自适应问题，百分比的话问题会很多，就拿margin百分比来说，margin百分比是相对于最近的祖先元素的宽度计算而不是高度的问题。 例如赋值属性margin-top:6%;实际是其父元素宽度的6%， 注意，是根据父元素的宽度计算，而不是高度！查看全部
-
『使用伪类来精简代码数量，必须要用content:""填充。 『对每一页设置display属性，既方便编写代码过程中的调试，同时也为后面js对页面显示的控制留下接口。查看全部
-
『三个division现在按顺序排列，每一个division都可以完整地占满一个屏幕。这让我想起来有一个github上有一个js叫做fullpage.js，它实现的就是这样的全幅页面的结构。 『如果当前元素的高度设置为了100%，指的是其高度为其父元素高度的100%，层层向上排查最后查到当<html>设置高度为100%时背景图片的高度才是我们想要的效果。这种查找问题的思路值得借鉴。 『使用z-index改变元素层叠顺序。作用于背景使背景图片置底，作用于音乐控件使音乐控件置顶。查看全部
-
『写代码做好注释。 『vw -> view-width, vh -> view-height. 1vw = 1% view-width.查看全部
-
这里老师启动的服务是一种方法，还有很多方法可以用的，比喻tomcat，我比较懒，不喜欢手动去启动服务，可以试一下用 webstorm还做页面的开发，实验室是自带服务的，写完代码后只需要点击html编辑页面右上角的小图标就会自动启动一个服务。webstorm有点吃内存，机器配置还行的话可以试一下。查看全部
-
html5 中meta标签可以配置很多选项 可参考 http://blog.csdn.net/kongjiea/article/details/17092413查看全部
-
viewport 控制视口 可参考 http://mdsa.51cto.com/art/201507/486480.htm 个人觉得这一讲应该放到最前面，而不是等所有代码都写完了再来调整这个，应该是先调整好视口再来写代码，就能避免掉很多写代码的问题。.查看全部
-
各种宽高内容笔记查看全部
-
让第二页和第三页同时显示，并且向下偏移100%，就是正好向下偏移出整个屏幕，又因为body的高度为屏幕的高度，overflow: hidden; 所以偏移出屏幕的内容，也就是第三页就直接消失，并且不会影响当前页面的内容。查看全部
-
page3.setAttribute('class','page fadeIn'); 这里为什么是'page fadein' 不是 'fadein'呢？因为page3本身就有一个page的class，如果直接写fadeIn的话，那page3就只有fadeIn的样式，page的class就没有了，所以要一起加上。当然这里也可以用其他的方法，page3.classList.add('fadeIn'); 这样写的话就类似于JQUERY的addClass，不需要考虑之前的class，当然这个也就兼容性问题。 兼容性可以参考 http://sentsin.com/web/190.html查看全部
-
transform: translate(0,-100%); 这是让内容从下面往上出现查看全部
-
如果js需要对页面元素操作，需要等页面元素加载完毕后才可以执行。如果是在head中引入果，并且js中没有做任何处理就需要对引入的js添加一个 defer属性，这是一个html5的属性。还有一些其他的方式，比喻在页面body标签最后引入js文件，或者把js代码写到window.onload函数内部，就可以解决这种问题，当然也可以采用一些第三方库来处理。查看全部
-
在图片那给个id musicDisk产生的修改不是更少查看全部
-
就如同HTML与CSS一样，编写网页的流程同样应该遵循结构与样式分离。 先写好网页结构，再逐渐向各个division当中填充内容、调整样式。 合理地分配division同样很关键。以page2中间的2016加圆环为例，既不要把数字2016与圆环分在同一个division下，也不要把各个圆环分开。合理地分配division会为后面的样式控制带来便利。查看全部
举报
0/150
提交
取消