CSS

CSS

コメント

CSSの中にメモを残すCSSのコメントCSS でも、 HTML と同様にコメントが記述出来る。CSS のコメントは、スラッシュ(/)とアスタリスク(*)で開始し、終了する時はアスタリスクとスラッシュを記述する。コメントとして記述されたものは、スタイルとして機能しないため、定義したスタイルの用途等をメ...
CSS

余白のプロパティ③

余白のプロパティのCSS内側の余白のCSSCSS で、h1 タグの内側の余白を 1 文字分に設定する。p タグの内側の余白は、上下を 1 文字分、左右を 2 文字分に設定している。また、h1 タグと p タグとでフォントサイズを変えているので、同じ 1 文字分であっても実際の大きさは異なることに注意...
CSS

余白のプロパティ②

余白の位置関係内側の余白と外側の余白、さらに上下左右の個別設定について位置関係を確認する。どの HTML タグにも自身の領域があり、その内側の余白を padding と呼ぶ。また、領域の外側の余白を margin と呼ぶ。上下左右の余白は、プロパティ名に top, left,right, botto...
CSS

余白のプロパティ①

余白のプロパティ例余白を適度に設定すると、文章やその他の画像など、位置関係がはっきりして読みやすくなる。余白には内側と外側があり、さらに上下左右で個別に設定がある。また、余白の設定はすべて数値で指定する。余白(内側)プロパティ主な用途padding内側の余白padding-top 内側の余白(上)p...
CSS

テキスト装飾のプロパティ

使用頻度の高いプロパティ一覧テキスト装飾で使用頻度の高いプロパティ例を表にまとめてみた。フォントのスタイル設定や、配置、色などの設定がある。なお、プロパティ毎に設定できる値が異なるので注意が必要。CSSでは、プロパティと値の両方を覚えないと上手く使いこなすことが出来ない。フォントのプロパティプロパテ...
CSS

テキストの配置

中央揃え・右揃え・左揃えテキストの配置は、text-align プロパティで変更する。まず、h1 タグを中央揃えに設定する。次に、migi というクラスを作成して、右揃えに設定する。同様に、hidari というクラスを作成して、左揃えに設定する。左揃えはデフォルトなので、通常は指定しないが、ここでは...
タイトルとURLをコピーしました