基本的なCSS英語の単語

簡単な英語

1.幅と高さ

  • :; 幅を設定

  • 高さ:; 高く設定

2.外側のマージンと内側のマージン

  • マージン:; マージンを配置(上、右、下、左 )

  • パディング:; 設定されたマージン内(上、右、下、左 )

3.フォント設定

  • -sizeフォント:; 設定されたフォントサイズ
  • 重量フォント:; 設定されたフォントウェイト
  • :; フォントの色を設定します
  • letter-spacing:2px; 単語の間隔を設定します
  • 設定できるプロパティは、次のとおりです(「フォントスタイルフォントバリアントフォントウェイトフォントサイズ/行高フォントファミリ」。
  • font-sizeとfont-familyの値は必須です。他の値がない場合、デフォルト値がある場合、デフォルト値が挿入されます。
  • letter-spacing:2px; 単語の間隔を設定します

4.テーブル属性

  • ボーダー:; 表の罫線を設定する(デフォルトの国境=「0」ボーダレス)
  • CELLSPACING:; ホワイトスペースは、セルとセルの境界線との間に設けられています
  • CELLPADDING:; セルの内容とセルの境界線との間の空白
  • :; テーブルの幅を設定
  • 高さ:; テーブルの高さを設定します
  • ALIGN =左:; 設定されたページ・テーブルと、水平配向
  • キャプション:; 表見出しタグ
  • rowspan = "マージされたセルの数"
  • colspan = "マージされたセルの数"

5.タグ疑似クラスセレクター

  • a:link / *未訪問のリンク* /
  • a:visited / *訪問済みリンク* /
  • a:hover / *マウスをリンクに移動* /
  • a:アクティブ/ *選択したリンク* /

6.インライン、ブロックレベル、インラインブロック

  • 表示:インライン; ブロックからラインへ
  • display:block; 行内转块
  • 表示:インラインブロック; ブロック、インライン要素はインラインブロックに変換されます

7.行の高さ、テキストは中央揃え、divは中央揃え

  • 高さライン:; 行の高さ
  • margin:0 auto; div中央揃え
  • text-align:center; テキストは水平方向に中央揃えされます
  • text-indent:2em; 1行目のインデント
  • text-decoration:なし||下線||上線||ラインスルーテキスト装飾
解説
なし デフォルト。標準テキストを定義します。下線を抑制(最も一般的に使用されます)
下線 テキストの行を定義します。下線もリンクに含まれています(一般的に使用されています)
上線 テキストに線を定義します。(する必要がない)
ラインスルー テキストの下を通る線を定義します。(めったに使用されません)

8.背景設定

  • 色背景:; 背景色を設定します
  • background-image:none | url; 画像のインポート
  • background-repeat:繰り返し| no-repeat | repeat-x | リピート
  • 背景画像は縦向きと横向きに並べて表示されます(デフォルト)|背景画像は並べて表示されません|背景画像は横向きに並べて表示されます|背景画像は縦向きに並べて表示されます
  • 背景の位置:長さ|| 長さ;位置|| ポジション
  • パーセンテージ|浮動小数点数と単位識別子で構成される増加値;上|中央|下|左|中央|右
  • background-attachment:scroll | fixed 背景画像はオブジェクトのコンテンツでスクロールされます|背景画像は固定されます
  • background:transparent url(image.jpg)repeat-y scroll center top;
  • 背景:rgba(0,0,0,0.3); 透明な背景

9.ポジショニング

  • 位置:相対; 相対配置
  • 位置:絶対; 絶対配置

10.ボーダースタイル

  • none:ボーダーなし(すべてのボーダーの幅を無視するp [デフォルト値])
  • 実線:単一の実線(一般的に使用される)
  • 破線:破線
  • 点線:点線
  • 破線:長方形の線
  • double:二重枠
  • 溝:3D溝
  • 尾根:ダイヤモンドボーダー
  • 挿入図:3D凹型エッジ
  • 開始:3D凸状エッジ

11. vertical-align属性は、要素の垂直方向の配置を設定します。

尋ねる 回答
デフォルト ベースライン
継承: 番号
バージョン: CSS1
JavaScript構文: オブジェクト .style.verticalAlign =“ bottom”

可能な値

解説
ベースライン デフォルト。要素は親要素のベースラインに配置されます
サブ テキストの下付き文字を垂直に揃えます
素晴らしい テキストの上付き文字を垂直に揃えます
要素の上端を行の最も高い要素の上端に揃えます
テキストトップ 要素の上端を親要素のフォントの上端に揃えます
中間 要素を親要素の中央に配置します
要素の上端を行の最も低い要素の上端に揃えます
テキスト下 要素の下部を親要素のフォントの下部に揃えます
長さ
「line-height」属性のパーセント値を使用して、この要素を配置します。負の値を使用できます。
受け継ぐ vertical-align属性の値が親要素から継承されることを指定します

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/December_shi/article/details/108574713