カスケーディングスタイルシートリファレンス・ ブラウザの種類による対応状況などもプロパティごとに掲載!

CSS −スタイルシートリファレンス− ブラウザの種類による対応状況などもプロパティごとに掲載!

【できるブログ】  高度なテクニックも簡単に判り易く解説。既存の初心向けブログ本とは一線を画す内容。
プチ・ホームページサービス HTMLやCSSなどの知識がなくても選ぶだけでサイトが完成。掲示板やカート他、機能も豊富です。

スタイルシートの基礎 CSS
バナーはダウンロード
してお使い下さい。

リンク集

Webの本屋さん
宿泊施設検索
世界のホテル
マーケット
ファッション雑貨

制作関連


最新フリーフォント
セレクション

フリーで使用できるフォントを収録(CD−ROM)。 約1000書体より、 ポップ、エレガント、クール他、イメージでフォントを探す事ができます。 ウェブ制作に便利な一冊です。

ボックスの枠線・色・種類 2 sample01
ボックスの枠線・色・種類 2 sample02
ボックスの枠線・色・種類 2 sample03
ボックスの枠線・色・種類 2 sample04
ボックスの枠線・色・種類 2 sample05
ボックスの枠線・色・種類 2 sample06
ボックスの枠線・色・種類 2 sample07
ボックスの枠線・色・種類 2 sample08
ボックスの枠線・色・種類 2 sample09
ボックスの枠線・色・種類 2 sample10

手軽にコピーしてページをレイアウトできるスタイルシート集です。 少しづつ種類を増やして行く予定です。 そのままソースをコピーして使用すると簡単に使えます。

<style type="text/css">
<!--
この部分にソースをコピー
-->
</style>

<head>と</head>内に上記のソースを記述し、 この部分にソースをコピーの文字列部分に、 設定したいスタイルのソースをコピーして書き換えてください。

※なお、このスタイルシートはブラウザの種類やバージョンの違いによって 上手く表示されないものもありますのでご注意下さい。IE・NNでは最近の新しいバージョンのものでは 殆どがきちんと表示されます。又、上手く活用するにはほんの少しCSSの知識が必要かも知れません。

これらは段落やテーブル・テーブルのセルなどの枠線の色や背景色・枠線の種類のスタイルを設定しています。 主に、<p>や<table>、<td>他・・タグに設定できます。 設定の仕方は、スタイルシートのソース(黄色部分のソース)を<head></head>の間の <style type="text/css"> <!-- ■ --></style> ■ 部分にコピーペーストします。 そして、設定したいタグの中に、class="〜の部分のソースを記述すれば出来上がり。 例えば、sample01を<p>に設定するならば以下のように記述します。

<p class="box01">

▼ ボックスの枠線・色・種類 2 sample08

 sample08

■<style type="text/css"><!--〜 に挿入するソース

.bor08	{border-width:4px;
	border-style:double;
	border-color:#66ff66;
	padding:2px;
	margin:2px}
■タグ内に挿入するソース

class="bor08"

LINK

 

HTMLの基礎
ホームページ作成の基礎知識について解説。HTMLタグの辞書としても使えます。

コマンドプロンプト
コマンドプロンプト・DOSの関係についての解説やコマンドの目的別辞書。Windowsをもっと便利に。

XML
初心者でもわかるXMLの基礎講座。XMLを使用した文書を作成しながらXMLの基礎を学ぶ。

配色の話
色は印象を決定付ける重要な要素。彩度や明度の関係・色彩の基礎知識について掲載。


◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.