ホームページ > 記事 > ウェブフロントエンド > CSSでの頭文字の使い方
CSSでの頭文字の使い方
- 不言オリジナル
- 2018-12-08 15:28:324021ブラウズ
First-letter を使用すると、ブロック要素の最初の文字にスタイルを適用できます。これを使用して、指定したセレクターの最初の文字を選択できます。 CSS?頭文字の使い方を詳しく見てみましょう。
次の図は、「CSSでの頭文字の使い方」を適用した結果です。
最初の文字のみがカラーで、フォント サイズが 300% に設定されています。 。
次に、CSSでの頭文字の使い方の具体的な使い方を見てみましょう
CSSでの頭文字の使い方は次のように書きます
p：CSSでの頭文字の使い方{
/ *描述你想要应用的CSS样式* /
}これはpで指定されますブロック要素。
これは
タグの p を指します。
タグを適用したい場合は、これを h1 に変更できます。
具体的な例を見てみましょう
コードは次のとおりです
HTML コード
<html>
<head>
<meta charset="utf-8">
<title>CSSでの頭文字の使い方</title>
<link rel="stylesheet" type="text/css" href="sample.css">
</head>
<body>
<p>
</p>
</body>
</html>CSS コード
sample.css
p:CSSでの頭文字の使い方{
color:#5bc0de;
font-size:300%;
}実行結果
ブラウザ上に以下のような効果が表示されます
p の後には「.」ではなく「:」(コロン)が続きます
間違えただけでは全く当てはまらないので注意してください。
そして、前述したように、p はブロック要素です。 block 要素は
タグの p を参照します。それを
に適用したい場合は、それを h1 に変更するだけです。
{} で記述した CSS スタイル。つまり、最初の文字に最も適用したいスタイルを書くだけです。
以上がCSSでの頭文字の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。