CSS外部リンク
スタイルシート
スタイルを別ファイルで指定する=外部リンク
- htmlファイルのheadに以下記載
<link rel="stylesheet" href="css/style.css" media="screen,print"> relとhrefは順不同ok
@charset "UTF-8";は省略可能
その場合はhtmlのcharsetに依存
1行あけて3行目から書くのが通例
ID、class名など自分が名づけたものはその名称も含めて書く 例)#shopping h2{
セレクタ同士の間に1行あけるのが通例(見やすい)
<管理方法>
以下の構造で1つのページを管理するイメージ
管理フォルダ→index.html
cssフォルダ→style.css
jsフォルダ
imgフォルダ→img.jpg
その他よくつかうファイル名 common、share
エラー検証ツール
- firefoxのソース表示
- Dreamweaver 上部バーの緑矢印から「現在のドキュメントをバリデート」
- The W3C Markup Validation Service(html)
- CSS Validation Service
*分法的なミスがない時は要素の記述順を見直してみるべき(width,marginは影響されやすい)
★覚え書き★
*(読み:ユニバーサルセレクタ)
スタイルシートの中のメモ /*〜〜〜*/
text-align: center(行揃え)→IE6対策
記述順→空間、外側から margin、paddingは大体セット
font-familyは念のため 省略してsans-serifだけでもok
右揃え→justify
float: left(回り込み) "浮いた"ところへ次の要素が入り込んでくるイメージ
!外箱を作らないと形が崩れる→widthとセットで使う
margin上下効かない(浮いてるから)
どう書いていいか分からない時は構造を手書きで神に描き出してみる!