
HTML5+CSS3学习随记
xuyongsky1234
这个作者很懒,什么都没留下…
展开
-
[TOP]CS3媒体查询能检测到的特性小结
CSS3的Media Queries能够检测到的特性总结:视口(viewport)解释地址:http://baike.baidu.com/view/1522985.htm width:视口宽度的检测height:视口高度的检测device-width:设备屏幕宽度(设备渲染平面宽度)的检测device-height:设备屏幕高度(设备渲染平面高度)的检测orientat...原创 2014-11-23 14:52:33 · 558 阅读 · 0 评论 -
采用CSS3设计的登录界面,动态效果(动画)
与上一篇的“采用CSS3设计的登陆界面”的相同,只是样式style添加了CSS3的动画元素。style内容如下:<style> html,body,div{ margin:0; padding:0; font-size:100%; } html{ //background:url('./6.jpg') no-repeat; ...原创 2014-11-21 10:06:27 · 3116 阅读 · 0 评论 -
采用CSS3设计的登陆界面
body部分内容:<body> <form id="form_id" name="form_id" method="get" action="http://baidu.com" onsubmit="return checkUser()"> <div id="loginForm"> &原创 2014-11-21 09:43:36 · 1147 阅读 · 0 评论 -
采用CSS3的动态元素(动画)设计div块的层级式展现
此练习作品是为学习HTML5+CSS3而设计的(如有不好请大家批评指教~~~)。操作:当页面加载时,点击网页中的绿色块(一层),则有其他几块(二层)从其中央出现并向外延伸并旋转,点击这几块中任意一个颜色模块,则被点击的颜色模块将“逐渐”取代原先一层绿色模块,其余模块将渐变消失! 采用了CSS3的动画@keyframes规则设计div块的移动、伸缩、旋转和渐变: 动画定义:anima...原创 2014-12-11 16:44:17 · 1124 阅读 · 0 评论