XHTMLを使ってサイト作成、cssの記述方法、スタイルシートの使い方の紹介。
スタイルシートの使い方5
次は「メインメニュー」と「小見出し1」に少し アクセントを加えてみましょう。
「style.css」に次のように書き加えます。
.toptitle{
.tabletop{
.mainmenyu{
tablemenyu{
.tablekiji{
border:3px solid;
border-color:#8B4513;
background-color:#006400;
width:100%;
}border-color:#8B4513;
background-color:#006400;
width:100%;
.tabletop{
background-color:#EEE8AA;
border:3px solid;
border-color:#8B4513;
width:100%;
height:50px;
}border:3px solid;
border-color:#8B4513;
width:100%;
height:50px;
.mainmenyu{
background-color:#EEE8AA;
border-collapse:collapse;
border:3px solid;
border-color:#8B4513;
width:100%;
height:300px;
}border-collapse:collapse;
border:3px solid;
border-color:#8B4513;
width:100%;
height:300px;
tablemenyu{
border:3px solid;
border-color:#8B4513;
width:25%;
}border-color:#8B4513;
width:25%;
.tablekiji{
border:3px solid;
border-color:#8B4513;
width:75%;
}border-color:#8B4513;
width:75%;
.menyulist{
komidasi{
width:100%;
background-color:#DBE887;
}background-color:#DBE887;
komidasi{
background-color:#3CB371;
width:100%;
}width:100%;
このように記述します。打ち終えたら必ず上書き保存してください。
変更点に関しては「デザイン自由なCSS」のページで解説しているものと 同じなので省略します。
次のページでデザインを反映させます。
アフィリエイトを知ろう
アフィリエイトとは??
アフィリエイトの手順
ホームページ作成編
ホームページを作ろう
どんなサイトを作ろうか
作業用フォルダと構造
作業の進め方と設定
XHTMLを覚えよう
サイトの骨組みを作る
tableタグを使う
デザイン自由なCSS
CSSの使い方1
CSSの使い方2
CSSの使い方3
CSSの使い方4
CSSの使い方5
CSSの使い方6
リンクの貼り方
CSSの使い方7
CSSの使い方8
サイトを公開する
アフィリエイト編
ASPって何だろう??
おすすめASP一覧
広告選びのコツ
アクセスアップ編
アクセスアップの必要性
検索エンジンに登録
リンクの量と質を上げる
相互リンクとは??
SEO対策とは??
metaタグの使用
キーワードの最適化
hXタグの使用
サイトの更新