-
如果在HTML5中没有写高度,默认块元素高度为0 ,而且由内容来撑开高度,要设置子元素高度100% 需要先设置html body 等父级高度 (background)背景的属性值必须有(height)尺寸 或者在html5中的background-size:100%; html, body{ height:100%; } /* page bg */ .page > .bg { position:absolute; z-index:-1; width:100%; height:100%; } /* page1 */ #page1 > .bg { background: url("图片位置") no-repeat(不重复) center center; background-size:100%;//使内容上浮设置z-index为-1 } /* page2 */ #page2 > .bg { background: url("图片位置") no-repeat(不重复) center center; background-size:100%;//使内容上浮设置z-index为-1 } /* page3 */ #page3 > .bg { background: url("图片位置") no-repeat(不重复) center center; background-size:100%;//使内容上浮设置z-index为-1 }查看全部
-
三个单位 px:精确像素 em:相对父元素,1em就是1*父元素的fontsize; rem:相对于跟元素,1rem就是1*根元素也(就是html)的font-size; http://www.w3cplus.com/css3/define-font-size-with-css3-rem查看全部
-
这里出现第一个新的单位 vw ,vw是view-width的缩写,相应地还有vh是view-height的缩写。他们分别指的是视窗宽度和高度(移动端即设备宽度和设备高度)。 1vw等价于1%的视窗宽度,15vw指的就是15%视窗宽度。,关于单位的介绍可以参看 http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/查看全部
-
sublimeText的多行编辑功能,按住ctrl键,然后点鼠标,点到哪哪就会多一个光标就可以同时编辑 div*5 按tab键 快速生成5个div 在mac系统下试验不成功,网上查了一下实现这个功能要加emmet插件。 在sublime 中按Ctrl+Shift+P 输入Install package 他会联网搜索到所有可用的插件。 然后再输入emmet进行过滤。 然后选择该插件确定即可。 就如同HTML与CSS一样,编写网页的流程同样应该遵循结构与样式分离。 先写好网页结构,再逐渐向各个division当中填充内容、调整样式。 合理地分配division同样很关键。以page2中间的2016加圆环为例,既不要把数字2016与圆环分在同一个division下,也不要把各个圆环分开。合理地分配division会为后面的样式控制带来便利。查看全部
-
wamp是在本地搭建一个简易的开发环境,把你写的源文件放在wamp的WWW根目录下,就可以直接通过localhost/文件名/ 进行访问了。查看全部
-
切图-重构-前端-优化查看全部
-
性能优化分析查看全部
-
1、Zepto是为现代智能手机浏览器推出的Javascript 框架, 有和jQuery相似的语法, 和jQuery相比下来, 他有很多优点, 大小方面 , 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小, 功能很齐全, 多出来了一些触摸屏的事件,它对PC的浏览器就不是那么理想,尤其是万恶IE直接过滤不兼容, 用它来开发手机iPhone和Android网页是不错的选择. 2、jquery主要是用在PC的网页中了,jquery是目前最流行的javascript框架,以其兼容全部主流浏览器,插件丰富,代码简洁,最关键的是更新快,最好的dom选择器而被广泛被使用。而手机wap方面的话,jquery也推出jquery-mobile,也很好用。 zepto也属于js,只是是修改过的js查看全部
-
http://www.imooc.com/activity/project1查看全部
-
http://www.imooc.com/activity/project1 演示地址。可以自己先尝试着写,再看老师的讲解查看全部
-
开始学习查看全部
-
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> IE打开的情况下,会告诉IE浏览器用最高的IE版本渲染页面 ( ╯╰ )查看全部
-
forwards属于animation-fill-mode属性的值,意思是当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。查看全部
-
点击按钮控制音乐 audio 播放与暂停 至于 CSS3动画在暂停的时候,能保持在原地, 截图里的 this 这两个方法兼容不好, 请看下一集吧。看老师如何处理兼容的!!!!查看全部
-
defer HTML5新属性,放在 script src 后, 是等页面加载完,在执行查看全部
举报
0/150
提交
取消