CSS中first-letter如何使用
- 不言原創
- 2018-12-08 15:28:324089瀏覽
使用First-letter可以將樣式套用於區塊元素的第一個字符，可以用於選取指定選擇器的首字母，那麼，我們可以怎麼使用CSS中CSS中CSS中first-letter如何使用如何使用呢？下面我們就來具體看看CSS中CSS中first-letter如何使用如何使用的用法。
以下圖片就是套用了「CSS中CSS中first-letter如何使用如何使用」的效果
#只有第一個字元為彩色且字體大小設定為300％。
接下來我們就來看看CSS中CSS中first-letter如何使用如何使用的具體使用方法
CSS中CSS中first-letter如何使用如何使用的寫法如下
p：CSS中CSS中first-letter如何使用如何使用{
/ *描述你想要应用的CSS样式* /
}這是由p指定的塊元素。
它指向
標籤的p，如果要套用
標籤，可以將其變更為h1。
我們來看具體的範例
程式碼如下
HTML程式碼
<html>
<head>
<meta charset="utf-8">
<title>CSS中CSS中first-letter如何使用如何使用</title>
<link rel="stylesheet" type="text/css" href="sample.css">
</head>
<body>
<p>
</p>
</body>
</html>CSS程式碼
sample.css
p:CSS中CSS中first-letter如何使用如何使用{
color:#5bc0de;
font-size:300%;
}運行結果
#在瀏覽器上顯示如下所示的效果
p後面是「：」（冒號），而不是「.」
如果只是弄錯了這一點就完全不適用了，所以要注意。
而且，如前面所說的，p是塊元素。區塊元素指的是
標籤的p，如果要將其應用於
，將其更改為h1就可以了。
我們在{}中寫下的CSS樣式。也就是說，只要寫一個你最想套用在第一個字元的樣式就可以了。
以上是CSS中first-letter如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn