border-radius
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow
-webkit-box-shadow: 1px 1px 3px #292929; -moz-box-shadow: 1px 1px 3px #292929; box-shadow: 1px 1px 3px #292929;
text-shadow
h1 { text-shadow: 0 1px 0 white; color: #292929; }
text-stroke
h1 { -webkit-text-stroke: 3px black; color: white; }
background
.box { background: url(image/path.jpg) 0 0 no-repeat, url(image2/path.jpg) 100% 0 no-repeat; }
以上,通过逗号分隔符,插入了两张背景图像,第一个的定位是(0,0),第二个的定位是(100%,0)。
要确定你对不支持的浏览器使用了备用图片,否则,它将跳此属性,使背景图像留空。
background-size
background: url(path/to/image.jpg) no-repeat; background-size: 100% 100%;
text-overflow
.box { -o-text-overflow: ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border: 1px solid black; width: 400px; padding: 20px; cursor: pointer; }
display
#container { width: 960px; height: 500px; background: #e3e3e3; margin: auto; display: -moz-box; display: -webkit-box; display: box; }
resize
textarea { -moz-resize: vertical; -webkit-resize: vertical; resize: vertical; }
transition
ul a { -webkit-transition: padding .4s; -moz-transition: padding .4s; -o-transition: padding .4s; transition: padding .4s; } a:hover { padding-left: 6px; }
相关推荐
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
html5+css3 开发参考手册,和大家分享
editplus html5 css3 JQuery 语法文件 html5 css3.0 jQueryAPI手册
包含了一整套html5和css3的最新课件
包含:CSS权威指南、css彻底设计研究、HTML5和CSS3实战、HTML5与CSS3设计模式
随着html5和css3越来越多的人使用,再次分享供大家使用
Canvas火焰喷射动画效果,CSS3垂直图标菜单 带Tooltip提示框,CSS3多样式小图标按钮 带分享按钮,CSS3可视化网页编辑器 基于tinymce编辑器,CSS3实现一款联系表单 输入框带小图标,HTML5 Canvas模拟衣服撕扯动画 ...
通过八大商业案例,以HTML5搭建结构、CSS3设置样式、jQuery实现动态应用这三者相结合的实际应用方式,详细讲解它们的新技术点,以及流行应用热点的设计思路与制作方法。技术核心穿插在实际操作中阐述,更便于读者在...
自己的html5 css3练习 对于新手来说的有参考价值,老手勿下,内容页还是比较丰富。
HTML5与CSS3基础教程(中文第8版) 本书自第1版至今,一直是讲解HTML和CSS入门知识的经典畅销书,全面系统地阐述HTML5和CSS3 基础知识以及实际运用技术,通过大量实例深入浅出地分析了网页制作的方方面面。最新第8版...
高仿小米商城,纯HTML5和CSS3实现 高仿小米商城,纯HTML5和CSS3实现 高仿小米商城,纯HTML5和CSS3实现 高仿小米商城,纯HTML5和CSS3实现 高仿小米商城,纯HTML5和CSS3实现 高仿小米商城,纯HTML5和CSS3...
教程名称: HTML5 CSS3系列视频教程(13集)【】HTML5 CSS3视频教程(01-03)【】HTML5 CSS3视频教程(04-06)【】HTML5 CSS3视频教程(07-09)【】HTML5 CSS3视频教程(10-11)【】HTML5 CSS3视频教程(12-13) ...
html5 css3 3D立体式图片相册切换 html5 css3 3D立体式图片相册切换
html5+css3实现html5游戏页面这个作品来源:http://www.jq-school.com/Detail.aspx?id=487
该文档是HTML5+CSS3的总结笔记,把工作中的常用的知识点个记录下来,仅供学习和工作的参考资料,不做商业用途,版权归本人所有,侵权必究!
这段时间我们已经陆续向大家分享了很多绚丽实用的HTML5/CSS3应用插件,今天,我从资料库中精选了7款最新出炉的HTML5/CSS3应用分享给大家,希望大家喜欢。 1、HTML5/CSS3发光文字 可自定义文字色彩 效果很赞 前几天我...
对于有经验的工程师来说,如果想完整掌握html5和css3新技术,那么本书是最合适不过的。 本书包含html5和css3两部分,除了完整包含html5所有元素以及两种语法格式的详细介绍外,还包含css3所有语法和样式属性的详细...
HTML5.CSS3网页布局和样式精粹欢迎大家下载!
H5新特性以及结合C3的小demo,有利于更好的学习H5开发