HTML・CSS・PHPメモ

なんとなく分かる程度に。

サイトのTOPページを自分でカスタマイズしてみるのが最終目標…!

⇒Progate

■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」を指定することで横並びにできる