スタイルシートの着せ替えをしてみよう
最初の状態では、スタイルシートを適用しているページはトップページのみでした。
従ってpage1.htmからpage10.htmまでのＷｅｂページは何の飾りもない白地に文字が書かれているだけのページでした。
上から順番に実習をしていくと、各ページにはスタイルシートが適用されたので何らかのデザインが表示されたと思います。
一通り、実習を行った後は、３ページ（page3.htm）で作成した『my_example01.css』をもう少し作り込んでいき（つまり、自分好みの背景色や水平線の色、水平線の幅などを設定してデザインを変更する）、それを全ページに適用してみましょう。
page1.htmからpage9.htmまでの <head>内にある
<!--この下に２ページ目で説明しているスタイルシート読込の記述をして下さい-->
<!--この上に２ページ目で説明しているスタイルシート読込の記述をして下さい-->
という部分に記述した
<link href="css/example01.css" rel="stylesheet" type="text/css">
の内容を全て『example01.css』から『my_example01.css』に変更して下さい。
あまり、多くの作業をすることなく、デザインが変更できたと思います。
スタイルシートを勉強すると、便利だということが理解できたものと思います。
戻る