中国少妇xxxxxxxxx28_欧美在线你懂的_乱精品一区字幕二区_老妇做爰xxx视频一区二区三区_伊人春色中文字幕_大香伊蕉中文字幕

Css中的三個應(yīng)用小技巧

1、應(yīng)用counter()在列表中自動添加序列號。這個也是在css2.1中已經(jīng)支持了，它可以方便為頁面標題、區(qū)塊和各種連續(xù)出現(xiàn)的內(nèi)容添加序號。這樣就不必限制在<ol>顯示效果了。
這之需在:before偽類里的content屬性加入counter(),我們看看下面的例子：
Body{
           Counter-reset:heading;
}
H4:before{
           Counter-increment:heading;
           Content:”heading #” counter(heading)”.”;
}
如果大家像看更加強大的例子，重慶網(wǎng)站建設(shè)建議大家去網(wǎng)上收索一下，能夠得到更多例子。

2、  在css中應(yīng)用attr（）顯示HTML屬性值。
Attr（）功能在css2.1標準中就出現(xiàn)了，現(xiàn)在運用的比較多，用此顯示HTML標簽的屬性，省去了以往javascript處理的過程。
應(yīng)用這個功能的用到三種元素，:before/:after偽類樣式，.content屬性，下面我們看看應(yīng)用例子
H3:before{
         Content:attr(data-prefix) “”;
}
<h3 data-prefix=”custom prefix”>這是一個標題</h3>
Attr()的相關(guān)功能還很多，大家可以去了解下。

3、使用calc()做算術(shù)。這個函數(shù)可以執(zhí)行簡單的計算，如加減乘除；免去了一些運算js的代碼運用。下面我們可以看一個例子：你想創(chuàng)建一個元素，使它的寬度占滿它的父元素，但還要留出一部分像素寬做其它用處：
.parent {
    width: 100%;
    border: solid black 1px;
    position: relative;
    }
 
    .child {
    position: absolute;
    left: 100px;
    width: calc(90% - 100px);
    background-color: #ff8;
    text-align: center;
    }
 
運用一些小技巧可以極大的減輕web開發(fā)人員的一些重復(fù)工作。噢啦。

重慶網(wǎng)絡(luò)公司