よく使うCSS属性の英語の単語の総括と用法、解釈
1、(ボックス)レイアウトレイアウトクラス-TOP float-フローティング:ブロック要素のフローティング効果を設定します.オプションパラメータleft、rightによく使用されます.width-幅:箱自体の幅を決定し、箱の幅がその内容の多少に依存しないようにします.height-高さ:箱自体の高さを確定します.clear-クリア:設定のフローティング効果をクリアし、パラメータboth、left、rightをよく使用します.margin-余白:枠線を囲む余白のサイズを制御します.ここには、margin-top制御上マージンの幅、margin-right制御右マージンの幅、margin-bottom制御下マージンの幅、margin-left制御左マージンの幅の4つのプロパティがあります.
padding-内側境界:ブロック要素を囲むスペースの塗りつぶし数を決定し、4つの属性「padding-top制御上の白の幅、padding-right制御右の白の幅、padding-bottom制御下の白の幅、padding-left制御左の白の幅を含む.
2、枠線-TOP border-width-幅:枠線の幅を制御し、4つの属性に分けられる:border-top-widthトップ枠線の幅、border-right-width右枠線の幅、border-bottom-widthベース枠線の幅、border-left-width左枠線の幅.border-color-色:各枠線の色を設定します.枠線の四辺に異なる色を表示するには、設定に別々にリストします.例えば、p{:#ff 0000#009900#0000 ff#55 cc 00}ブラウザは、上枠、右枠、下枠、左枠(上から時計回り)の4色を順に理解します.border-style-スタイル:枠を設定するスタイルで、無(none)、破線(dotted)、点鎖線(dotted)、点鎖線(dashed)、実線(solid)、二重線(double)、溝状(grove)、脊椎状(ridge)、凹み(inset)、凸(outset)の9種類があります.
3、css文字属性-TOP font-family-フォント:ブラウザにフォントがあるかどうかを考慮して、タイミングを設定します.font-size-フォントサイズ:メトリック単位に注意します.font-weight-フォントの太さ:normal(通常)、bold(太字)、bolder(特太)、lighter(細体)のほか、画素単位での設定方法は9種類あります.font-style-スタイル:フォント.line-height-行の高さ:行間隔.なお、行送りはフォントサイズ値font-variant-変形のみ:通常の文字の半分サイズを大文字で表示できますが、IEではこの属性はサポートされていません.text-transform-大文字と小文字:このプロパティは、アルファベットの大文字(capitalize、大文字(uppercase)、小文字(lowercase)、なし(none、継承文字と変形パラメータをすべて無視し、文字を通常の形式で表示する)の4種類を簡単に制御できます.text-decoration-修飾:リンクテキストの表示形態を制御するために使用され、アンダースコア(underline)、アンダースコアなし(overline)、削除線(line-through)、シンチレーション(blink)、ノー(none)の5種類の修飾方式がある.ただし、IE 4では文字の点滅はサポートされていません.
4、背景属性-TOP、背景中央インスタンスbackground-color-背景色を表示する:背景色を設定する.background-image-背景画像:Webページの背景画像を設定します.background-repeat-バックグラウンド繰返し:バックグラウンド画像を制御するタイリング方式には、非繰返し(no-repeat)、繰返し(repeat、水平、垂直方向にタイリング)、横繰返し(repeat-X、画像を水平方向にタイリング)および縦繰返し(repeat-Y、画像垂直方向にタイリング)の4種類があります.background-attachment-追加:背景画像がページのスクロールに伴って一緒にスクロールするかどうかを制御します.固定(fixd、文字スクロール時、背景画像の品質保証固定)とスクロール(scroll、背景画像は文字内容とともにスクロール)の2つの選択肢があります.background-position-水平位置/垂直位置:背景画像の水平、垂直位置を決定します.左揃え(left)、右揃え(right)、トップ(top)、ボトム(bottom)、センター(center)、値(背景画像の起点位置をカスタマイズし、ユーザーが背景画像の位置をより正確に制御できる)の6種類の選択があります.
5、ブロック属性-TOP word-spacing-単語間隔:主に文字間の距離を制御するために用いられる.通常(normal)と値(カスタム間隔値)の2つの選択方法があります.値を選択すると、使用可能な単位はインチ(in)、センチメートル(cm)、ミリ(mm)、点数(pt)、12 ptワード(pc)、フォント高さ(em)、フォントx高さ(ex)ピクセル(px)です.letter-spacing-アルファベット間隔:文字間隔と同様に機能し、通常(normal)と値(カスタム間隔値)の2つの選択方法もあります.vertical-align-垂直位置合わせ:親要素に対する文字または画像の垂直位置を制御します.1つの2×3画素のGIF画像が親要素文字の上部に垂直に揃えられていると、その行文字の上部に表示されます.共有ベースライン(baseline、要素のベースラインを母体要素のベースラインに整列)、下付き(sub、要素以下のラベルの形式を表示)、上付き(super、要素以上のラベルの形式を表示)、上部(top、要素上部を最も高い母体要素と整列)、テキスト上部整列(text-top、要素の上部を母体要素文字の上部に整列)、中線整列(middle、要素の中点を母体要素の中点に整列)、底部(bottom、要素の底部を最も低い母体要素に整列)、値(カスタマイズ)の9種類の選択.text-align-テキスト揃え:ブロックの水平揃えを設定します.左揃え(left)、右揃え(right)、中央揃え(center)、平均点(justify)の4つの選択肢があります.text-indent-文字インデント:ブロックのインデント度合いを制御します.white-space-空白間隔:HTMLではスペースは省略されています.CSSでは属性(white-space)を使用してスペースの入力を制御します.正常(normal)、保留(pre)、改行しない(nowrap)の3つの選択肢がある.
6、CSS絶対位置決め属性-TOP position-タイプ:位置決めを決定するためのタイプで、絶対(absolute)、相対(relative)、静的(static)の3種類の選択がある.z-index-Z軸:ページ内のブロック要素の重ね合わせ順序を制御し、要素に重ね合わせ効果を設定します.このアトリビュートのパラメータ値に純粋な整数を使用します.値が0の場合、要素は最下層にあり、絶対位置または相対位置の要素に適しています.Visibility-表示:このプロパティを使用して、Webページの要素を非表示にします.継承(inherit、親要素の可視性設定を継承)、可視(visible)、非表示(hidden)の3つの選択があります.overflow-オーバーフロー:要素の高さと幅を決定した後、要素の面積が要素の内容をすべて表示できない場合、この属性は1日坊主に1日鐘をぶつけるのに役立ちます.可視(visible、面積を拡大してすべての内容を表示)、非表示(hidden、範囲外の内容を非表示)、スクロール(scroll、要素の右側にスクロールバーを表示)、自動(auto、内容が要素面積を超えた場合にスクロールバーを表示)の4つの選択肢があります.要素の絶対的な配置タイプが決定された場合、このグループのプロパティは、要素のWebページ内の特定の位置を決定します.このグループのプロパティには、「左」(プロパティ名「left」、コントロール要素の左の開始位置)、「上」(プロパティ名「top」、コントロール要素の上の開始位置)、「幅」または「高さ」(ボックスクラスのプロパティパネルの「幅」または「高さ」と同じ)の4つのサブプロパティが含まれます.clip-クリップ:要素が絶対位置決めタイプに指定されている場合、この属性は要素領域を様々な形状に切ることができますが、現在提供されているのは四角形の1つだけです.属性値はrect(top right bottom left)、すなわちrect(top right bottom left)、属性値の単位は任意の長さ単位である.
7、CSSリスト-TOP-css li list-style-type-タイプスタイル:リストの各項目の前に使用する記号を決定します.円(disc)、円(circle)、四角形(square)、数字(decimal)、小文字ローマ数字(lower-roman)、大文字ローマ数字(upper-roman)、小文字アルファベット(lower-alpha)、大文字アルファベット(upper-alpha)の8種類があります.List-style-image-リスト前のアイテム画像:リスト前のシンボルをグラフィックに変換する役割を果たします.List-style-position-位置:リストの位置を記述するために使用され、内側(outside)と外側(inside)の2つの選択があります.
以上はよく使われるCSS英単語のCSS属性のまとめで、必ずスペルを覚える必要はありませんが、見ただけで彼らの属性を知ることができ、CSSを書くときにどの英単語を使うかを知ることができるようにしなければなりません.詳細はCSSマニュアル-例を参照してください.
, - - - 。
, 。
, - , - 。
, , - , 。
padding-内側境界:ブロック要素を囲むスペースの塗りつぶし数を決定し、4つの属性「padding-top制御上の白の幅、padding-right制御右の白の幅、padding-bottom制御下の白の幅、padding-left制御左の白の幅を含む.
2、枠線-TOP border-width-幅:枠線の幅を制御し、4つの属性に分けられる:border-top-widthトップ枠線の幅、border-right-width右枠線の幅、border-bottom-widthベース枠線の幅、border-left-width左枠線の幅.border-color-色:各枠線の色を設定します.枠線の四辺に異なる色を表示するには、設定に別々にリストします.例えば、p{:#ff 0000#009900#0000 ff#55 cc 00}ブラウザは、上枠、右枠、下枠、左枠(上から時計回り)の4色を順に理解します.border-style-スタイル:枠を設定するスタイルで、無(none)、破線(dotted)、点鎖線(dotted)、点鎖線(dashed)、実線(solid)、二重線(double)、溝状(grove)、脊椎状(ridge)、凹み(inset)、凸(outset)の9種類があります.
3、css文字属性-TOP font-family-フォント:ブラウザにフォントがあるかどうかを考慮して、タイミングを設定します.font-size-フォントサイズ:メトリック単位に注意します.font-weight-フォントの太さ:normal(通常)、bold(太字)、bolder(特太)、lighter(細体)のほか、画素単位での設定方法は9種類あります.font-style-スタイル:フォント.line-height-行の高さ:行間隔.なお、行送りはフォントサイズ値font-variant-変形のみ:通常の文字の半分サイズを大文字で表示できますが、IEではこの属性はサポートされていません.text-transform-大文字と小文字:このプロパティは、アルファベットの大文字(capitalize、大文字(uppercase)、小文字(lowercase)、なし(none、継承文字と変形パラメータをすべて無視し、文字を通常の形式で表示する)の4種類を簡単に制御できます.text-decoration-修飾:リンクテキストの表示形態を制御するために使用され、アンダースコア(underline)、アンダースコアなし(overline)、削除線(line-through)、シンチレーション(blink)、ノー(none)の5種類の修飾方式がある.ただし、IE 4では文字の点滅はサポートされていません.
4、背景属性-TOP、背景中央インスタンスbackground-color-背景色を表示する:背景色を設定する.background-image-背景画像:Webページの背景画像を設定します.background-repeat-バックグラウンド繰返し:バックグラウンド画像を制御するタイリング方式には、非繰返し(no-repeat)、繰返し(repeat、水平、垂直方向にタイリング)、横繰返し(repeat-X、画像を水平方向にタイリング)および縦繰返し(repeat-Y、画像垂直方向にタイリング)の4種類があります.background-attachment-追加:背景画像がページのスクロールに伴って一緒にスクロールするかどうかを制御します.固定(fixd、文字スクロール時、背景画像の品質保証固定)とスクロール(scroll、背景画像は文字内容とともにスクロール)の2つの選択肢があります.background-position-水平位置/垂直位置:背景画像の水平、垂直位置を決定します.左揃え(left)、右揃え(right)、トップ(top)、ボトム(bottom)、センター(center)、値(背景画像の起点位置をカスタマイズし、ユーザーが背景画像の位置をより正確に制御できる)の6種類の選択があります.
5、ブロック属性-TOP word-spacing-単語間隔:主に文字間の距離を制御するために用いられる.通常(normal)と値(カスタム間隔値)の2つの選択方法があります.値を選択すると、使用可能な単位はインチ(in)、センチメートル(cm)、ミリ(mm)、点数(pt)、12 ptワード(pc)、フォント高さ(em)、フォントx高さ(ex)ピクセル(px)です.letter-spacing-アルファベット間隔:文字間隔と同様に機能し、通常(normal)と値(カスタム間隔値)の2つの選択方法もあります.vertical-align-垂直位置合わせ:親要素に対する文字または画像の垂直位置を制御します.1つの2×3画素のGIF画像が親要素文字の上部に垂直に揃えられていると、その行文字の上部に表示されます.共有ベースライン(baseline、要素のベースラインを母体要素のベースラインに整列)、下付き(sub、要素以下のラベルの形式を表示)、上付き(super、要素以上のラベルの形式を表示)、上部(top、要素上部を最も高い母体要素と整列)、テキスト上部整列(text-top、要素の上部を母体要素文字の上部に整列)、中線整列(middle、要素の中点を母体要素の中点に整列)、底部(bottom、要素の底部を最も低い母体要素に整列)、値(カスタマイズ)の9種類の選択.text-align-テキスト揃え:ブロックの水平揃えを設定します.左揃え(left)、右揃え(right)、中央揃え(center)、平均点(justify)の4つの選択肢があります.text-indent-文字インデント:ブロックのインデント度合いを制御します.white-space-空白間隔:HTMLではスペースは省略されています.CSSでは属性(white-space)を使用してスペースの入力を制御します.正常(normal)、保留(pre)、改行しない(nowrap)の3つの選択肢がある.
6、CSS絶対位置決め属性-TOP position-タイプ:位置決めを決定するためのタイプで、絶対(absolute)、相対(relative)、静的(static)の3種類の選択がある.z-index-Z軸:ページ内のブロック要素の重ね合わせ順序を制御し、要素に重ね合わせ効果を設定します.このアトリビュートのパラメータ値に純粋な整数を使用します.値が0の場合、要素は最下層にあり、絶対位置または相対位置の要素に適しています.Visibility-表示:このプロパティを使用して、Webページの要素を非表示にします.継承(inherit、親要素の可視性設定を継承)、可視(visible)、非表示(hidden)の3つの選択があります.overflow-オーバーフロー:要素の高さと幅を決定した後、要素の面積が要素の内容をすべて表示できない場合、この属性は1日坊主に1日鐘をぶつけるのに役立ちます.可視(visible、面積を拡大してすべての内容を表示)、非表示(hidden、範囲外の内容を非表示)、スクロール(scroll、要素の右側にスクロールバーを表示)、自動(auto、内容が要素面積を超えた場合にスクロールバーを表示)の4つの選択肢があります.要素の絶対的な配置タイプが決定された場合、このグループのプロパティは、要素のWebページ内の特定の位置を決定します.このグループのプロパティには、「左」(プロパティ名「left」、コントロール要素の左の開始位置)、「上」(プロパティ名「top」、コントロール要素の上の開始位置)、「幅」または「高さ」(ボックスクラスのプロパティパネルの「幅」または「高さ」と同じ)の4つのサブプロパティが含まれます.clip-クリップ:要素が絶対位置決めタイプに指定されている場合、この属性は要素領域を様々な形状に切ることができますが、現在提供されているのは四角形の1つだけです.属性値はrect(top right bottom left)、すなわちrect(top right bottom left)、属性値の単位は任意の長さ単位である.
7、CSSリスト-TOP-css li list-style-type-タイプスタイル:リストの各項目の前に使用する記号を決定します.円(disc)、円(circle)、四角形(square)、数字(decimal)、小文字ローマ数字(lower-roman)、大文字ローマ数字(upper-roman)、小文字アルファベット(lower-alpha)、大文字アルファベット(upper-alpha)の8種類があります.List-style-image-リスト前のアイテム画像:リスト前のシンボルをグラフィックに変換する役割を果たします.List-style-position-位置:リストの位置を記述するために使用され、内側(outside)と外側(inside)の2つの選択があります.
以上はよく使われるCSS英単語のCSS属性のまとめで、必ずスペルを覚える必要はありませんが、見ただけで彼らの属性を知ることができ、CSSを書くときにどの英単語を使うかを知ることができるようにしなければなりません.詳細はCSSマニュアル-例を参照してください.