CSSボックス：即興と効果

そのすべての論理簡単化のためにカスケーディングスタイルシート（CSS）はそれができないだけで壮観な設計ソリューションを作成することができます、だけでなく、実際のコードのパフォーマンスをエミュレートするために、実際の行動の要素を提供します。

ビジュアルタグHTMLマーキング - 特定の構造及びコンテンツの矩形領域。 要素は、座標、大きさ、パディング、色、フォント、フォントスタイルの指示を含む、など。フレームCSS-要素は、指定された本明細書の幅にその境界から内側に配置されて、彼らに占有面積を指定します。

構文の説明

指定されたフィールドの配置要素は、ページの左上隅（左、上）、水平方向と垂直方向のサイズ（幅、高さ）に対する相対座標。 すべてのデザインとアニメーション要素がペア「：値プロパティ」で作られています。

説明は、彼LINKの参照を指して、スタイルを挿入したり、別のファイルにするために、ページのコード内で直接実行されます。 構文：

#NAME {プロパティ：値。 プロパティ：値; プロパティ：値; ...}

若しくは

.nameの{プロパティ：値。 プロパティ：値; プロパティ：値; ...}

名前はまた、P、ボディ、HTML、テーブル、TD ...することができ、それは、HTMLマークアップタグの名前です。 style要素の説明を直接接続することができます。

あなたは自分の文章のスタイルを作る前に、またはブラウザで直接表示するには、Ctrl-Uを押して、ページのコードを保ち、それは人気のあるサイト上で行うのか見て損はありません。

主なパラメータ

実際CSSフレーム要素が表現スタイル （ボーダースタイル）、カラー （境界色）、幅（ボーダー幅）。 国境 - それはすべて一つの特性にまとめることができます。 あなたが独立して、各フレームの境界線を記述することができます（のborder-top、のborder-bottom、ボーダー、左、国境右）。

カスケードスタイルシートの一般的なルールで記述CSSフレーム：

ボーダー：3px;
ボーダー色：赤;
ボーダースタイル：二重の実線、点線を破線。

二重、右の上側 - 左破線、固体底、 - ポイント：赤、スタイル側 - この説明は3つの画素、色の境界線の幅を設定します。

ボーダー幅：1pxの2ピクセル4PX 8px;
ボーダー色：青;
ボーダースタイル：点在。

青、およびスタイル - - スポットここで、各辺の寸法は上部、時計回りに、色から順でもあります。

ボーダー色：青、レッド・グリーン、黒。

本明細書において、個々にそれぞれの側に色を指定しました。 境界プロパティは、複数のパラメータを含むことができ、フレームの角が丸いことができます。

国境：1pxの緑色の固体;
境界半径：0PX 4PX 8px 12ピクセル。
-mozボーダー半径：0PX 4PX 8px 12ピクセル。
-webkitボーダー半径：0PX 4PX 8px 12ピクセル。

ページ上の領域の正確な位置とサイズを示すことが重要であるとき、通常は文体の効果は、技術的な目的のために使用されているため、CSSでフレームを作成する方法で、それは、訪問者の利便性に依存します。

フレームの厚さとその目的

フレームの厚さを選択することにより、あなたは...、PT、EMをPXを使用することができますが、それはフィールド要素の中に常にあることを念頭に置くべきです。 フレームがCSSデザインの目的を持っていると仮定することは困難であるが、技術的には、ページの要素を強調するために非常に便利です。

メインフレームクラスがロックされている場合、それは擬似クラスでそれを指定して、不在である：ホバー、このようなメニュー項目を強調表示としては、マウスカーソルがある場合、ページ要素の訪問者に示すことができます。 時には画像をクリックすることで何かを選択するか、どこかで何かをドラッグする必要があります。 ドットのフレームを使用することは非常に便利で、要素の背景やその内容を変更することがありません。

一部のアプリケーションでは、ページの領域の割り当てを要求し、またはさらなる処理のための項目を選択します。 この場合は、クリックした時に限り、訪問者は、マウスボタンを離してサイズを変更、視覚的な選択の結果を示すしないよう国境でのdivを作成します。

下の外

人気のあるサイトの調査・コード・ページの重要性があるとして、CSSのチュートリアルは、非常に興味深いです。 ただし、自分のリソースは一意である必要があり、それは自身の顔を持っている必要があります。

CSSフレームの提供構文は、独自の取り組みとして、そのような多様性を与えるものではありません。 即興 - 素晴らしいスタートし、何が自分のフレームを構築する開発者を防ぐことができます。 特に、すべてのインターネット技術の成果と既存の標準の機能と常に厳密に正式てきました（定義による）で、既存のシンタックス、の本当の欠点に基づいて、多くの有望なアイデアを持っています。

特に、場合や特定の要素の範囲を確立するために、そう包括行うことが適切と思われます。 地域の側面と角度で個々のタグをハイライト、あなたは驚くべき効果を得ることができます。 各ハンドラを割り当て、位置、形状及び内容を変更する、動的ページ要素を作成することができます。