ホームページ >ウェブフロントエンド >htmlチュートリアル >バックエンド プログラマーがフロントエンド (CSS) について語る レッスン 8: 継承とカスケード_html/css_WEB-ITnose
継承: いわゆる CSS スタイルの継承は、子要素が親要素に適用されるルール ステートメントです。 (この機能により、CSSプロパティは継承可能なプロパティと継承不可能なプロパティに分けることができます。)
継承可能なプロパティ: 親要素から子要素に属性値を継承できるプロパティを継承可能なプロパティと呼びます。
どのプロパティが継承可能なプロパティですか?
text-indent、text-align、word-spacing、letter-spacing、text-transform、text-decoration、direction、white-space
3、リスト スタイル属性
4. Color 属性
継承される正確な値とは異なり、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 要素がスタイル シート内のルールを適用して、継承されたスタイルを上書きするプロセスです。 | |