html+css基礎入門チュートリアル編の偽要素
920 ワード
CSSダミー要素は、特定のセレクタに特殊な効果を設定するために使用されます.
構文:
(1):first-line擬似要素
「first-line」擬似要素は、テキストの最初の行に特殊なスタイルを設定するために使用されます.
次の例では、ブラウザはfirst-line擬似要素のスタイルに基づいてp要素の最初の行のテキストをフォーマットします.
(2):first-letter擬似要素
「first-letter」擬似要素は、テキストの頭文字に特殊なスタイルを設定するために使用されます.
(3)CSS 2-:before擬似要素
「:before」擬似要素は、要素の内容の前に新しい内容を挿入できます.
次の例では、要素の前に画像を挿入します。
h1:before
{
content:url(images/logo.gif);
}(4)CSS 2-:after擬似要素ごとに
構文:
selector:pseudo-element {property:value;}
(1):first-line擬似要素
「first-line」擬似要素は、テキストの最初の行に特殊なスタイルを設定するために使用されます.
次の例では、ブラウザはfirst-line擬似要素のスタイルに基づいてp要素の最初の行のテキストをフォーマットします.
p:first-line
{
color:#ff0000;
font-variant:small-caps;
}
新しいフロントエンド学習qun 438905713、グループの多くはゼロ基礎学習者で、みんなは互いに助け合って、互いに解答して、しかも多くの学習資料を用意して、ゼロ基礎の小さい仲間が来て交流することを歓迎します。
(2):first-letter擬似要素
「first-letter」擬似要素は、テキストの頭文字に特殊なスタイルを設定するために使用されます.
p:first-letter
{
color:#ff0000;
font-size:xx-large;
}
(3)CSS 2-:before擬似要素
「:before」擬似要素は、要素の内容の前に新しい内容を挿入できます.
次の例では、