ホームページ > 記事 > ウェブフロントエンド > バックエンド プログラマーがフロントエンド (CSS) について語る レッスン 8: 継承とカスケード_html/css_WEB-ITnose
バックエンド プログラマーがフロントエンド (CSS) について語る レッスン 8: 継承とカスケード_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:47:171158ブラウズ
1. 継承
継承: いわゆる CSS スタイルの継承は、子要素が親要素に適用されるルール ステートメントです。 (この機能により、CSSプロパティは継承可能なプロパティと継承不可能なプロパティに分けることができます。)
継承可能なプロパティ: 親要素から子要素に属性値を継承できるプロパティを継承可能なプロパティと呼びます。
どのプロパティが継承可能なプロパティですか?
1. テキストスタイル属性
text-indent、text-align、word-spacing、letter-spacing、text-transform、text-decoration、direction、white-space
2. フォントスタイル属性
-family、font-size、font-style、font-variant、font-weight3、リスト スタイル属性
4. Color 属性
注: ここでの特別な説明: font-size 属性 (継承は特殊です)
継承される正確な値とは異なり、font-size は計算された値を継承します。
<!DOCTYPE html>
<html lang=“utf8”>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body style="font-size:85%">
body字体大小
<h1 style="font-size:200%">h1字体大小</h1>
<h2 style="font-size:150%">h2字体大小</h2>
<p>p字体大小<em>em字体大小</em></p>
| 値 | 計算値 | |
| 16px | ||
| 150 % | 13.6px × 150% = 20.4px | |
| cb71c70ea1417b11a20f8436ee335424 unspec ified | 13.6px | |
| 2. カスケード | カスケード: いわゆる CSS スタイル カスケードは、DOM 要素がスタイル シート内のルールを適用して、継承されたスタイルを上書きするプロセスです。 | |
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。