トップページ

ひらく | たたむ | ページトップ


↓マウスで反転選択した文字を検索

■ StyleSheet
　　　

ページ内検索
ページ外検索

検索したい文字を入力して
ENTERを押すと移動します。








   チュートリアル(Tutorial)

   注意点
   DOCTYPE
   Style.の定義
   Style.を適用
   スタイルの実用的な利用方法を調べる

   基本

   CSS
   box
   要素の種類と適用要素
   継承(Inheritance)
   メリット

   見栄えを一度に指定できます
   きせかえOK 
   見た目と意味を分離できる

   おおまかな流れ
   Group
   Class
   定義済みクラス
   ID
   Include
   単位
   タグと要素とセレクタ
   comment
   SytleSheetの定義順

   リファレンス(Reference)

   padding
   margin

   margin と auto と width の関係
   margin-left: left (C1/e3/N4)
   list

   list-style-type: type


   表示
   div
   背景

   background
   background-image
   background-position
   background-repeat
   background-color
   background-attachment

   Font

   font
   line-height
   font-size
   font-style
   font-weight
   font-family
   font-stretch

   位置.レイアウト

   position
   float
   z-index

   色

   color

   Text

   letter-spacing
   word-wrap
   vertical-align

   border.境界線

   border
   border-color
   border-style

   角丸.round
   Gradation.gradient
   list-style-image

   画像のつくりかた

   透明 gif のつくりかた

   DocType
   その他

   透明.opaque
   行間

   line-height

   Text

   text-decoration
   text-align
   box-shadow
   text-shadow	
   display
   text-indent


   色.color
   セレクタ.selector

   複数セレクタ
   クラスセレクタ
   IDセレクタ
   子孫セレクタ

   NAV
   cursor
   実践的な使い方

   span で飾りをつくる
   borderを指定して２つのラインをかく
   marginをつかってページを中央に配置する

   margin

   margin.と.padding.の違い
   飾窓をつくる
   borderカラーでボタンのエンボスをつくる
   セクションをつくる
   Button	

   div.で四角いアイコン.ICON.をつくる
   マウスをあてたときに色をかえる。

   ICON.ボタンをつくる

   角○の.ICON.ボタンをつくる
   button.ノードでボタンをつくる

   divをつかってエリアにラインをかく
   div.を使って見出しの左側に■のアイコンをつける
   フッター.(footer)をつくる
   Layout

   左側に縦長のメニューをつくる

   max-width

   outline

   background-position.の考察