初学html5:也将今天收获的东西总结了一下。
background: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#e6e6e6));
-webkit-box-shadow: 0 1px 1px 0 #c4c4c4;
注:css3中的一种渐变,如果不清楚,可以使用渐变工具。
#tbh5v0 header :before,#tbh5v0 header :after{width: 320px!important;}
注:这是css3中新增加的功能
section:first-child
section:nth-child(2)
注:获得对应的section
-webkit-box-flex: 1;
-moz-box-flex :1;
注:主要是控制在同一排的元素,占有的比例。(不多说)
display: inline-block;
注:当要使一个标签不换行,又要使用padding等等进行控制的话,就要使用此属性
.background_size{
width:200px;
padding:100px 0 10px;
background:url(http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg) no-repeat;
-webkit-background-size:100% 90px;
-o-background-size:100% 90px;
<pre name="code" class="css"> background-size: contain; //对图片进行拉伸
}
注: <span style="font-family: Arial, Helvetica, sans-serif;">background-size属性的用法。</span>