WordPress
HTMLの知識がなくても更新できる
先生のページ
http://www.roca-d.jp/works/index.html#top
cssを書く方法は次の3つ
インラインスタイル
htmlに直接書いていく方法
属性としてスタイルを適用
<h1 style="color:blue">だれそれ</h1>
スタイルタグ
<head>内に<style></style>タグを置き、
その中だけcssの記述をする方法
<style>
h2{
background:yellow;
}
</style>
外部ファイルとしてcssファイルを読み込む
きょうびはこれを使う
htmlは構造を、cssは見た目を、と分けるようになったため
なぜ分けるようになったのか？というと
更新が簡単だから
webは光の三原色で色ができている
赤・青・緑の光の強さで作られる
赤と記述するのにも方法が幾通りかある
red
#F00
とか
とりあえず今回はredと書きましょう
さて、スタイルタグを書いた
h2{
background:yellow;
}
「趣味」という２文字の背後だけ黄色くなる訳ではない
<h2>という領域が端から端まであるのがわかる
ではいよいよ、外部ファイルのCSSを作りましょう
新規ファイル→style.cssで保存
body{
background:lightgray;
}
→保存
index.htmlにも行を足す
<title>タグの下に
<link>リンクタグを追加
これは閉じるタグはない
<link rel="stylesheet" href="css/style.css">
さっき作ったstyle.cssを、cssというフォルダを作ってそこに入れる
それで背景がグレーになる
