なんとなく分かる程度に。
サイトのTOPページを自分でカスタマイズしてみるのが最終目標…!
■class名をつけて呼び出す場合(クラスセレクタ)、cssに「.」を先頭に付けて記述する(.header {})
※h1やpなどの要素のスタイルを呼び出す場合(タイプセレクタ)、「.」は不要
■<div><h1><p>などは行全体(改行なしで)に作用するブロック要素、<span>や<a>は文章の一部分だけに作用するインライン要素と呼ぶ
■余白
←margin→ ←padding→【見出し】←padding→ ←margin→
■<html>、<head>、<body>など<>のセットを『タグ』という。タグは全部で100以上あるがよく使うのは以下くらい
<p>段落
<b>太字
<strong>強調
<div>グループ化(改行あり)
<span>グループ化(改行なし。テキストの特定の範囲)
<br>改行
<blockqoute>引用
<ul><li>リスト
<table>、<tr>、<th>、<td>テーブル
<a>リンク
<img>画像
■<img src=”https://~.jpg>のimgはイメージ、srcはソースの略
■<a href=”https://~.com”>のhrefはhypertext referenceの略(参照)
■<img src=”https~” alt=”〇〇”>
<要素名 属性=”属性値” 属性=”属性値”>
■cssの書き方
・インラインスタイルシート:htmlファイルの中にstyle=””を使って直接書き込む★
・外部スタイルシート:style.cssに書き込む★
・内部スタイルシート:htmlファイルの内部に書き込む
■*{color:red;}=ユニバーサルセレクタ:すべての要素に適用する
■リストの黒丸(・)を取り除きたい場合、「list-style: none;」
■リスト要素に「float: left」を指定することで横並びにできる