CSS中first-letter的使用方法-創(chuàng)新互聯(lián)

CSS中first-letter的使用方法？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比疏勒網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式疏勒網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋疏勒地區(qū)。費(fèi)用合理售后完善，十余年實(shí)體公司更值得信賴。

使用First-letter可以將樣式應(yīng)用于塊元素的第一個(gè)字符，可以用于選取指定選擇器的首字母，那么，我們可以怎么使用CSS中first-letter呢？下面我們就來具體看看first-letter的用法。

以下圖片就是應(yīng)用了“first-letter”的效果

CSS中first-letter的使用方法

只有第一個(gè)字符為彩色且字體大小設(shè)置為300％。

接下來我們就來看看first-letter的具體使用方法

first-letter的寫法如下

p：first-letter{
   / *描述你想要應(yīng)用的CSS樣式* / 
 }

這是由p指定的塊元素。

它指向<p>標(biāo)簽的p，如果要應(yīng)用<h2>標(biāo)簽，可以將其更改為h2。

我們來看具體的示例

代碼如下

HTML代碼

<html>
  <head>
    <meta charset="utf-8">
    <title>first-letter</title>
    <link rel="stylesheet" type="text/css" href="sample.css">
  </head>
  <body>
    <p>
    </p>
  </body>
</html>

CSS代碼

sample.css

p:first-letter{
  color:#5bc0de;
  font-size:300%;
}

運(yùn)行結(jié)果

在瀏覽器上顯示如下所示的效果

CSS中first-letter的使用方法

p后面是“：”（冒號），而不是“.”

如果只是弄錯(cuò)了這一點(diǎn)就完全不適用了，所以要注意。

而且，如前面所說的，p是塊元素。塊元素指的是<p>標(biāo)簽的p，如果要將其應(yīng)用于<h2>，將其更改為h2就可以了。

我們在{}中寫下的CSS樣式。也就是說，只要寫一個(gè)你最想應(yīng)用于第一個(gè)字符的樣式就可以了。

感謝各位的閱讀！看完上述內(nèi)容，你們對CSS中first-letter的使用方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。

當(dāng)前題目：CSS中first-letter的使用方法-創(chuàng)新互聯(lián)
鏈接URL：http://www.chinadenli.net/article0/pceio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網(wǎng)站維護(hù)、服務(wù)器托管、定制網(wǎng)站、域名注冊、網(wǎng)站收錄

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

CSS中first-letter的使用方法-創(chuàng)新互聯(lián)