css 属性には、1. フォント属性、フォント、2. 背景属性、背景、3. ブロック属性、ブロック、4. ボックス属性、ボックス、5. 境界線属性、境界線、6. リスト属性、 list-style; 8. 属性、位置などの配置
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
1. フォント属性: (font)
サイズ font-size: x-large; (特大) xx-small; (極小) 通常は使用されません中国語で はい、数値のみを使用します。単位: PX、PD
font-style:oblique;(italic) italic;(italic)normal;(normal)
line-height line-高さ:標準;(標準) 単位: PX、PD、EM
太さ font-weight:bold;(太字) 軽く;(細) 標準;(標準)
バリエーション font-variant : 小文字; 通常;
text-transform: 大文字; 大文字小文字なし;( なし)
テキスト装飾の変更: 下線;(下線) 上線;(上線) 行通し;(取り消し線)blink;(blink)
2. 背景属性: (background)
カラーbackground-color:#FFFFFF;
Picture背景-画像:url();
繰り返し背景-繰り返し:いいえ-繰り返し;
スクロール背景-添付ファイル:固定;(固定)スクロール;(スクロール)
位置background-position:left(horizontal) top(vertical);
abbreviation メソッドbackground:#000url(..) 繰り返し固定左上;
3. ブロック属性: ( Block)
letter-spacing:normal; value
Align text-align:justify;(両端揃え) left;(左揃え) right;(右揃え) center; (中央)
インデント text-indent: 値 px;
垂直方向の配置vertical-align:baseline;(ベースライン) sub;(下付き文字) super;(下付き文字) top; text-top; middle;bottom; text-bottom;
単語の間隔 word-spacing:normal;value
white-space:pre;(予約済み) nowrap;(改行なし)
display 表示:ブロック;(ブロック) インライン;(埋め込み) リスト項目;(リスト項目) ランイン;(追加部分) コンパクト;
(コンパクト) マーカー;(マーカー) テーブル; インライン-テーブル;テーブル未加工グループ;テーブルヘッダーグループ;テーブルフッターグループ;テーブル未加工;テーブル列グループ;テーブル列;テーブルセル;テーブルキャプション;(テーブルタイトル)
4. ボックス属性: (ボックス)
width:; height:; float:; clear:both; margin:; padding:; 順序: 上、右、下、左
5. 境界線のプロパティ: (境界線)
境界線のスタイル: 点線; (点線) 破線; (破線) 実線; 二重; (二重線)溝; (溝線) リッジ; (尾根状) インセット; (凹んだ) アウトセット;
border-width:; ボーダー幅
border-color:#;
省略方法 border:width style color;
6. リスト属性: (List-style)
type list-style-type: disc; (dot)circle ; (丸) 正方形; (正方形) 10 進数; (数値) 下位ローマ字;(小さなローマ字コード番号) 上位ローマ字;下位アルファ; 上位アルファ;
position list-style-position:outside ;(外側) 内側;
image list-style-image:url(..);
7. 配置属性: (位置)
位置: 絶対; 相対; 静的;
可視性: 継承; 表示; 非表示;
オーバーフロー: 表示; 非表示; スクロール; 自動;
クリップ: rect(12px ,auto,12px,auto) (cut)
8. CSS シンボル属性:
list-style-type:none; /*番号なし*/
list-style-type:decmal; /*アラビア数字 */
list-style-type: lower-roman; /*小文字のローマ数字*/
list-style -type:upper-roman; /*大文字のローマ数字*/
list-style-type: lower-alpha; /*小文字の英字*/
list-style-type:upper -alpha; /*英大文字*/
list-style-type:disc; /*実線の円記号*/
list-style-type:circle; /*中空の円記号*/
list-style-type: square; /*黒塗りの正方形のシンボル*/
list-style-image:url(/dot.gif); /*ピクチャスタイルのシンボル* /
list-style-position: 外側; /*凸行*/
list-style-position:inside; /*インデント*/
9 . CSS 接続プロパティ:
a /*すべてのハイパーリンク*/
a:link /*ハイパーリンクのテキスト形式*/
a:visited /*表示されたリンクテキスト形式*/
a:active /*押されたリンクの形式*/
a:hover /*マウスでリンク*/
推奨される学習:cssビデオチュートリアル
以上がcssのプロパティとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。