◆　CSSの基本文型

CSSの基本文型

　>>　HTML文書の基本構造

◆　CSSの簡略化

一例　>>　フォント関連の設定

◆　CSSの取り込み（適用方法）

外部 ・ ページ単位 ・ HTML文書内の様々な箇所

◆　CSSのルール（優先順位）

属性　>>　STYLE要素　>>　LINK要素（CSSの保存先）

◆　反復する記述をCSSに移行

font-family属性 （書体・サイズ・色）

background-color属性（背景色）
background-image属性（背景画像）

◆　CSSの呼び出し・・・class属性

例１　枠線・テキスト間余白　 class名 ｛margin 〜｝

例２　枠線の種類・色　 class名 ｛border-style 〜｝

◆　タグ要素にCSSを代替記述

・・・　>>　インラインスタイルシート

CSSの代替記述　>>　style属性　<・・・ style="　">

一例：TABLEタグ以外の方法で枠線表示
　　<・・・ style="border-style ・・・">

◆　文字間隔の調節・・・letter-spacing

窮屈な文字間隔を調節し、手紙のように読みやすく

◆　行間隔の調節・・・line-height

テキストの行間を調節し、長文などを読みやすく

◆　テキストとボックス要素内の調節

padding属性　>>　テーブルの場合は、cellpadding属性

◆　余白の調節・・・margin属性

ブラウザ表示領域、画像・テキストの上下左右に適度な余白

◆　行のなかでのテキストや画像などの縦方向の揃え位置
　　・・・vertical-align属性

[vertical-arign属性]のVerticalとは「垂直の、直立した、縦の、縦関係をなす」などの意
本サイト内の[valign属性]と[vertical-align属性]との実用比較　HTMLクイックリファレンス様

vertical-alignプロパティの意味と使い方　できるネット様