YukisRoom 「ホームページ作成講座」 HTML活用講座

HTML基礎講座

HTML活用講座

CGI基礎講座

CGI活用講座

HTML活用講座、CSSコード一覧活用編

 CSSステートメントは、かなり沢山の単語があるようです、小生も解説本でも用意したいところですが、難しい、判らないは、検索で調べる事にして、活用講座第5回までに使用したタグを総て並べてみます。
 ホームページ作成は、この位知っていれば十分間に合います。

 用例  用途  関連項目
 @charset "shift_jis";  シフトジスCodeで書いてあると知らせます。  
 @import url("style0.css");  ネストする、ファイル名を指定します。  
 /*-- コメント --*/  コメント範囲  
 align: left;  画像の回りこみ指定  
 background-color: silver;  枠線を表示  
 用例  用途  備考
 align: left;  画像の回りこみ指定  align:right;
 background-color: silver;  背景色を設定  HTMLならbgcolor
 border:1px black solid;  枠線を表示  黒色1px、実線
 border-bottom:1px solid black  枠線の内、下線を表示  下線のみ表示、widthと組み合わせる
 border-left:6px solid red  枠線の内、左線を表示  赤色、6pxを指定、border:solid 1px #aaaaaa;
 color:red  テキストカラーを指定  color:#ff0000の方が一般的か?
 clear: both;  回り込みを解除する  claer:all
 display:block;  ブロック要素に変換します  spanに指定する
 float: left;  文字枠の回り込み指定  
 font-size:26px  文字のサイズを指定  
 font-weight: 800;  文字の太さを指定  
 height:100px;  枠の高さを指定  
 width:30%;  枠の幅を指定  
 line-height:130%;  文字の間隔を指定  
 margin-left:2%;  文字枠の外に余白を設定  margin-top:10px;、margin:10px;
 padding:2%;  文字枠の内に余白を設定  padding-left:40px;、padding-top:15px;
 text-align:left;  文字の表示を左寄せ  
 position:absolute;  表示位置の絶対位置設定  top:200px; left:10px
 z-index: -1;  表示順を指定  レイヤー指定
     
 CSSステートメントはたくあん有りますが、これだけ知っていれば十分にPageを作れます。
 活用講座のCSS一覧はここまで

ページトップ
お問い合わせはこちらに、 小生宛のMail
Copyright© 2010 YukisRoom 葵Yuki. All Rights Reserved