*新闻详情页*/>
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特性适用,能够从这篇英小蜜章进1步掌握。
#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. 加上1个渐变色填充
{
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然后大家能根据1个简易的编码,随时随地的应用自定的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;
}
Copyright © 2002-2020 小程序开发者工具_小程序在线生成平台_小程序编辑_免费的小程序_微信小程序在哪里 版权所有 (网站地图) 粤ICP备10235580号