border-radius: 10px; /* CSS3 Property */我们也可以使用下面这样的组合版本,或者用它来对上面的代码进行速记。
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Chrome/Safari */
-khtml-border-radius: 10px; /* Linux browsers */
-moz-border-radius: 10px 20px 30px 0;而IE浏览器对CSS3属性支持,可以从这篇英文文章进一步了解。
#myDiv{而如下的JavaScript代码也能实现同样的阴影效果:
-moz-box-shadow: 20px 10px 7px #ccc;
-webkit-box-shadow: 20px 10px 7px #ccc;
box-shadow: 20px 10px 7px #ccc;
}
object.style.boxShadow=“20px 10px 7px #ccc”3. @Media属性
@media screen and (max-width: 480px) {而使用如下的@media print甚至可以指定CSS的打印预览:
}
@media print4. 添加一个渐变填充
{
p.content { color: #ccc }
}
background: -webkit-gradient(linear, left top, left bottom, from(darkGray), to(#7A7A7A));5. 背景尺寸
div6 @font face
{
background:url(bg.jpg);
background-size:800px 600px;
background-repeat:no-repeat;
}
@font-face而后我们能通过一个简单的代码,随时随地的使用自定义的mySmashingFont字体系列
{
font-family: mySmashingFont;
src: url(‘blitz.ttf’)
,url(‘blitz.eot’); /* IE9 */
}
div{font-family:mySmashingFont;}7. clearfix属性
.clearfix {
display: inline-block;
}
.clearfix:after {8. Margin: 0 auto
content: “。”;
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.myDiv {9. Overflow: hidden
margin: 0 auto;
width:600px;
}
divVia:Smashing HUB
{
overflow:hidden;
}
recorder.js microphone基于HTML5的录音功能,输出格式为mp3文件。 前言 完全依...
对于系统运维、维护或开发人员来说,能很好、清楚的了解系统各方面资源的使用情...
css的动画部分是会被js阻塞的,不过transform的动画则不会受影响。 下面举一个ma...
Zipkin 是什么 微服务架构下,服务之间的关系错综复杂。从调用一个 HTTP API 到...
在使用Dreamweaver进行WEB标准化布局的过程中,如果我们需要对某些代码部分进行...
Dreamweaver cc 2015最新版的快捷键的导出,以及修改常用操作的快捷键方法。 打...
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部...
需求催动此篇博客的诞生 项目背景 之前也没写过小程序但是看过之后都是现成的api...
单行: div { /* 单行溢出隐藏 */ width: 150px; white-space: nowrap; overflow...
连接世界,不能含糊 API 最初出现时通常被用作操作系统的库,而且几乎都在本地的...