CSSガイド EX

▼基本的なCSS、要素等について紹介しています。


【在宅ワーク】

 

コンテンツメニュー

 ◆Chapter 1

 ◆Chapter 2

 ◆Template

 ◆Tip!

 

★サイト運営者がPHPを学んだ
お勧めの書籍です!
これ一冊で基本的なPHPの仕組み、簡単なプログラムの作成、SQLiteを使ったデータベースなどかなり学べる要素が詰まっています!

↓↓↓ ↓↓↓

PHPレッスンブック―PHP5対応

新品価格
¥2,520から
(2013/2/24 04:38時点)

 

PHPが動作するサーバー

 

はじめてのHP | 無料素材 | タグ辞典 | ツールEX | PHPを学ぼう!

 

◆Chapter 1 - CSSの使い方 ~ その1

CSSは、基本的には次の書式で記述します。

セレクタ{ プロパティ:値 }

 

セレクタとは、どの要素に対してスタイルを設定するかを指定する部分で {~} 内で適用するスタイルを設定します。
プロパティとは、CSSで用意されている要素をセレクタに適用させるスタイルの種類ことで、あらかじめ用意されているものを記述します。
プロパティを設定する場合は、プロパティ:値と ":" で区切り、複数を設定する時には、";" で区切ります。

 

例えば、h1の要素にフォントサイズを指定したいときには、

h1{ font-size:18pt }

更に文字色を追加する時には、

h1{ font-size:14pt; color:red }

とします。

表示結果は次のとおりです。

フォントサイズ14pt、色は赤

 

記述方法には、1行で書いてしまう方法と、

h1{ font-size:14pt; color:red }

複数行で書いてしまう方法があります。

h1{
 font-size:14pt;
 color:red
}

半角空白や改行、タブは記述しても問題ありません。
記述するかはどうかはお好みで行ってください。
また次のように、

h1{ font-size:18pt; color:red; }

h1{
  font-size:18pt;
  color:#000000;
}

最後の値に ";" を追加するかしないかの差はないようです。

 

色の指定は、HTML同様に16進数(RGB)で指定したり、色の名前(red,blue etc.)で指定することができます。
その他の方法もありますが、初心者はこちらで慣れることから始める方が理解がしやすいでしょう。
カラーについては、「Htmlタグ辞典EX」を参照ください。

 

CSSで大きさを指定する場合、絶対値で単位を示す方法と相対値で単位を示す方法があります。

 

◆絶対的な値を示す単位

in

インチ(1インチ=2.54cm)足し算

cm

センチメートル

mm

ミリメートル

pt

ポイント(1ポント=1/72インチ

pc

パイカ(1パイカ=12ポイント)

 

◆相対な値を示す単位

em

その範囲でフォントの高さを1とする単位

ex

その範囲で有効なフォントの小文字の「x」の高さを1とする単位

px

1ピクセルを1とする単位

%

他の基準となる大きさに対する割合(基準はそれぞれことなります)

※値が 0 になる場合、単位は省略することができます。

 

 

 


 

忍者AdMax

 

ex-mode.net | ツールEX | 素材EX | アフィモール | 初級者向 初めてのホームページ作り | Htmlタグ辞典 | 初めてのプランター菜園 | リンク・ボード
気のみ気のままなブログ | PHPを学ぼう! | ホビ★コレ | 班長日記!

▲UP

Copyright (C) ex-mode.net 2017. All Rights Reserved.