<> 2020年講習会

2020年ウェブサイト作成講習会

実習内容

スタイルの継承

スタイルの継承-2

  1. 準備作業で作成した「keisyou .html」を「keisyou02.html」という名前でtextフォルダーに保存します。
  2. brackts編集画面を左右に分割し、左側に「keisyou02.html」を配置します。右側に新規ファイルを作成します。
  3. 新規ファイルについてファイルの種類を「css」に設定し、下記を記載し「style」フォルダーに「keisyou02.css」として保存します。
  4. 「keisyou02.html」のhead要素内に「keisyou02.css」を呼び込むlinkを設定し上書き保存します。
    <link rel="stylesheet" href="../style/keisyou02.css" type="text/css">
  5. <h1>と</h1>の間に「スタイルの継承-2」を挿入します。

ul要素およびem要素の文字の色を黒に設定しました。ul要素に設定したcolorプロパティは継承されますので、子要素のli要素も継承されることになります。

ただ全てのプロパティが継承されるわけではありません。


スタイルの継承2