タグに直接書いていく場合｜CSS辞典｜HTMLタグ・CSS

Home≫CSS辞典≫タグに直接書いていく場合
サイト内検索

タグに直接書いていく場合

≪ どんなふうに使えばいいの？ 【 HOME 】 head内に記入する場合 ≫
Yahoo!ブックマークに登録Yahoo!ブックマークに登録 Google Bookmarks に追加Google Bookmarks に追加 はてなブックマークに登録はてなブックマークに登録 livedoorに記事をクリップlivedoorに記事をクリップ
スタイルシートの使い方

タグに直接書いていく場合
全体 <font style="○○">あああああ</font>
指定 スタイルシートは大体のタグに記述することが可能です。
記述方法は、<タグ style="○○">という風に、タグの横に記入していきます。
○○の部分にはスタイルシートの効果を記入していきます。複数指定する場合は、スタイルシートの最後を ; で終わらせて、そのまま続けて書いていきます。
よく利用されるのは<div></div>、<span></span>などがあります。
これらのタグはそのままだと効果が見られないのですが、スタイルシートと組み合わせることで生きるタグになります。
効果 タグにはない効果を使える。 まとめて指定するのに便利。
例１ <font style="font-size:12px;">サンプル用の文字</font>
結果 サンプル用の文字
例２ <b style="color:#ff0000;">サンプル用の文字</b>
結果 サンプル用の文字
例３ <i style="font-size:14px; color:#1144ff;">サンプル用の文字</i>
結果 サンプル用の文字
例４ <input type="text" value="あああ" style="background-color:#ffdddd;">
結果
解説 色んなタグにスタイルシートを反映することが可能です。 例１ではフォントタグ、例２では太字タグ、例３ではイタリックタグに反映しています。 タグにスタイルシートを反映させると、タグの効果とスタイルシートの効果が両方反映されます。特定のタグの効果を消すことも可能です。
スタイルシートはタグではできない細かいこともできるようになっています。例えば例４のフォーム内の背景色など。文字の大きさとか、余白の量とか そういう細かい指定もできます。ホームページを作る上で大変必要になってきます。

→ タグに直接書いていく場合　 → head内に記入する場合　 → 外部ファイルを用意する場合




≪ どんなふうに使えばいいの？ 【 HOME 】 head内に記入する場合 ≫
練習用書き込みフォーム（サンプル表示）


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料ＨＰ素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材ＮＡＶＩ 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材Ｒ Webランキング
web サイトの説明 素材使用方法 質問集/用語集 作成練習場 HTML/CSS カラー見本