html5/css3 - 7 月 21 日

初心者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) 

注: 対応するセクションを取得します

-webkit-box-flex: 1;
-moz-box-flex :1;

注: 主に、同じ行の要素の比率を制御することです。(多くは語らない)

 display: inline-block;

注: ラベルを折り返さずに、パディングなどを使用して制御する場合は、この属性を使用する必要があります。

.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>