chrome中hack解决input:-webkit-autofill自定义样式
摘要：在使用chrome浏览器设计网页时，想将input背景改成透明，也就是 background-color:transparent; 可是效果并不如人意 hack方法： input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-
阅读全文
posted @
2015-03-17 11:29
xuyongsky1234
阅读(4301)
推荐(0) 编辑
iPhone的CSS3媒体查询
摘要：iPhone的CSS3媒体查询： 各版本的iPhone媒体查询是根据其分辨率和一些CSS3媒体查询的特性来实现媒体查询的...详见下： iPhone6的媒体查询： @media only screen and (min-device-width: 375px) and (max-device-wid
阅读全文
posted @
2015-02-10 14:15
xuyongsky1234
阅读(732)
推荐(0) 编辑
CSS3媒体查询能检测到的特性小结
摘要：CSS3的Media Queries能够检测到的特性总结： 视口（viewport）解释地址：http://baike.baidu.com/view/1522985.htm width：视口宽度的检测 height：视口高度的检测 device-width：设备屏幕宽度（设备渲染平面宽度）的检测 d
阅读全文
posted @
2014-11-23 14:42
xuyongsky1234
阅读(543)
推荐(0) 编辑
采用CSS3的动态元素（动画）设计div块的层级式展现
摘要：此练习作品是为学习HTML5+CSS3而设计的（如有不好请大家批评指教~~~）。 操作：当页面加载时，点击网页中的绿色块（一层），则有其他几块（二层）从其中央出现并向外延伸并旋转，点击这几块中任意一个颜色模块，则被点击的颜色模块将“逐渐”取代原先一层绿色模块，其余模块将渐变消失！ 采用了CSS3的动
阅读全文
posted @
2014-11-21 15:13
xuyongsky1234
阅读(1508)
推荐(0) 编辑
采用CSS3设计的登录界面，动态效果（动画）
摘要：与上一篇的“采用CSS3设计的登陆界面”的相同，只是样式style添加了CSS3的动画元素。 style内容如下： <style> html,body,div{ margin:0; padding:0; font-size:100%; } html{ //background:url('./6.jp
阅读全文
posted @
2014-11-21 10:06
xuyongsky1234
阅读(1060)
推荐(0) 编辑
采用CSS3设计的登陆界面
摘要：body部分内容： <body> <form id="form_id" name="form_id" method="get" action="http://baidu.com" onsubmit="return checkUser()"> <div id="loginForm"> <div id=
阅读全文
posted @
2014-11-21 09:43
xuyongsky1234
阅读(238)
推荐(0) 编辑
