《VBA・CSS》入門実用Tips集 +α by犬神犬

メニュー一覧


HOME

 エクセルVBA

 wwwcount改造

 CSS(スタイルシート)基本
  1.CSSと書き方
  2. 色の指定
  3. 記述方法

 BiglobeブログCSS

 CSSいろいろリファレンス

 HTML基本

 HTML簡易リファレンス

 Home > CSS(スタイルシート) > 1. CSS(デザインシート) と 書き方 

1. CSS(デザインシート)とは + 書き方
CSSとは、HTMLだけで書くページよりも格段に柔軟で見栄えの良いデザインができて、その方法もHTML に
付け足すだけという簡単さから、たくさんのホームページで使われています。
では、その方法を簡単な例で見てみましょう。


下に簡単なホームページを示します。

画面です

赤丸の中に注目してみると <h4>1.HTML書式</h4> と書いてありますね。

これはHTML書式の一つで、 <h4> から </h4> の間にある文字の大きさを設定しています。

この <> で記述したものを タグ といいます。



CSSを使うと、タグの機能を拡張したり、個別に名前をつけて何種類もデザインを作ることができます。

例えば、<h4 style=" BACKGROUND-COLOR: #faa; ">1.HTML書式</h4> とすると下のように
なります。

画面です

これだけでも、ちょっと雰囲気が変わりますね。

    <h4 style=" BACKGROUND-COLOR: #faa; ">

      ( BACKGROUND-COLOR = 背景色 )

これは、style=""と記述することで CSS だということを知らせて、  BACKGROUND-COLOR:
設定項目(プロパティ)を知らせ、 #faa で色のを設定しています。

プロパティの間には : (コロン) を書き、 の後に ; (セミコロン) を書きます。

これが一番基本となります。



 − Copyright(2007). 犬神犬 −