cssについて
Cascading Style Sheets
かっこいい!!
HTMLは
HyperText Markup Language
これもかっこいいなーー!
そんな話は置いといて。
HTMLでは、文字を表示できました。
CSSでは、その文字のデザインを変えることができます。
昔、小学生のときに手紙交換をしたかと思います。
その際に、
・ノートに文字だけ書くパターンと
・色ペンなどを使って、手紙を書いた記憶があると思います。
今の子は、手紙ではなくラインかな~~?w
ノートに文字だけ==HTMLのみ
色ペンなどを使う==HTMLとCSS
だと思ってください。
それでは、まずHTMLから変更していきましょう!
前回この形になったと思います。
下記のコードに1行追加しましょう!
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="test.css">
<title>プログラミング</title>
</head>
<body>
<h1>見出し</h1>
<p>文字文字文字</p>
<table>
<tr>
<th>金額</th>
<th>内容</th>
</tr>
<tr>
<td>100円</td>
<td>鉛筆</td>
</tr>
</table>
</body>
</html>
赤字のコードを1行追加するだけHTMLがCSSを読み込んで、スタイルを変更してくれます。
次回はCSSの書き方について!