WEBデザイン、スタイルシート、ホームページテンプレート、デザインテンプレートの無料素材集

WEBデザインデザインテンプレートホームページテンプレート・WEBページ、ブログテンプレートスタイルシートstyle cssリファレンス、HTML、テーブルテンプレート、Apeboad+Apeskinの無料テンプレートフリー素材集。コピーとペーストで使えるフリー素材だから初心者でも設置簡単!cssで素敵にホームページ作成

フリー素材検索

スタイルシートとは

スタイルシートとは、HTML内の文字、背景、画像、テーブルなどに対して一括で命令文を送れる便利なファイルです。

文字などのデザイン命令文をHTMLに直接書き込むとHTMLのファイル容量が多くなり、ページの表示遅くなったり、余分なタグが多すぎることによりSEOに効果的でなかったりします。

これらを防ぐために、HTMLのコードはシンプルに、スタイルシートやJavascriptはHTMLの外部にとばすのが一般的な方法です。 スタイルシートを外部リンクさせる方法はとても簡単です。

HTMLの中身をシンプルにしていページの軽量化、スタイルシートの編集作業効率向上のためにもスタイルシートの外部化をおすすめします。

私自身もスタイルシートの初心者です。一緒に頑張っていきましょう♪

スタイルシートの基本

スタイルシートを外部リンクさせる前に、まず、既存のHTMLの中身を見て、文字や背景をデザインする命令文(font b bgcolor size border>)などがないかチェックしてみましょう。

HTMLタグが多いと気づいたら、スタイルシート化できるものから、編集していきましょう。