CSSの一般的なプロパティ

CSSの一般的なプロパティ
CSS の背景:
background:#00ffee; //背景色を設定する
background-image:url(*.jpg); //背景画像を設定する
background-repeat:repeat-x; //背景画像を繰り返すように設定する
background-attachment:fixed; //テキストと一緒に背景がスクロールしないように設定します

CSSテキスト:
text-indent: 5em; //テキストのインデントを設定する
text-transform:uppercase/lowercase/capitalize; //テキスト変換の大文字と小文字を設定する
text-decoration:none/underline/overline/line-through/blink; //テキストの装飾を設定する
white-space:normal/pre; //空白を処理する
color:#eeffee; //テキストの色を設定する
line-height:30px; //行の高さを設定する

CSS フォント:
font-family: Georgia; //フォントファミリーを指定する
font-style: normal/italic/oblique //通常/斜体/斜体のテキスト表示を指定します
font-weight: normal/bold/900; //テキストの太さを指定します
font-size: 16px/em; //テキストサイズを指定する
font-variant: small-caps; //小文字の大文字を指定します

CSS リスト:
list-style-type:/decimal -- 順序付きリスト
/小数点の先頭のゼロ
/小文字ローマン
/上ローマ字
/下付き文字
/上アルファ

/disc -- 順序なしリスト
/丸
/平方
/小数点

CSS テーブル:
border-collapse: collapse; //テーブルを折りたたむように設定する
border: 1px solid black; //テーブルの端を設定する
width: 100%; //テーブルの幅を設定する
height: 50px; //テーブルの高さを設定する
text-align:right; //表内のテキストの配置を設定します
vertical-align:bottom //テーブルの垂直方向の配置を設定します
padding:15px; //表の内側の余白を設定します
color:white; //表のフォント色を設定する
background-color:green; //テーブルの背景色を設定します

CSS 境界線:
outline: #00ff00 dotted thick; //アウトラインの色/スタイル/幅を設定する
border: blue solid thin; //アウトラインを設定する

<<:  Vue3 を使用してポップアップ コンポーネントをカプセル化するのは簡単ですか?

>>:  MYSQL の 3 つのツリー構造テーブル設計の長所と短所の簡単な分析と共有

推薦する

js を使ってシンプルな虫眼鏡効果を実現

この記事の例では、参考までに簡単な虫眼鏡効果を実現するためのjsの具体的なコードを共有しています。具...

React 構成 px 変換 rem メソッド

関連する依存関係をインストールするnpm i lib-flexible --save npm i p...

CSSはコンテンツの高さが足りない場合にフッターを自動的に下部に固定します

UI カットのプロセスでは、ページはヘッダー、コンテンツ、フッターの 3 つの部分で構成されることが...

Vue のディスパッチとブロードキャストの自己実装の詳細説明 (ディスパッチとブロードキャスト)

解決すべき問題主にコンポーネント間のクロスレベル通信用なぜディスパッチとブロードキャストを自分で実装...

MySQL OOM (メモリオーバーフロー) の解決策

OOM は「Out Of Memory」の略で、メモリオーバーフローを意味します。メモリ オーバーフ...

JS で美しい条件式を書く方法についての簡単な説明

目次複数の条件文複数属性オブジェクトスイッチステートメントを置き換えるデフォルトパラメータとデストラ...

MySQLクエリ文の実行プロセスの詳細な説明

目次1. クライアントとサーバー間の通信方法2. クエリキャッシュ3. クエリ最適化処理4. クエリ...

ファイアウォールルールの設定とコマンド(ホワイトリスト設定)の詳しい説明

1. ファイアウォールルールを設定する例1: ポート8080を外部に公開する ファイアウォールコマン...

タオバオモールのホームページ上の大きな画像のデザイン構造に関する分析と意見(写真)

前回、Taobaoの詳細ページを分析した後(クリックして表示)、ショッピングモールの基本テンプレート...

Javascriptで戦略パターンを実装する方法

目次概要コードの実装要約する概要戦略パターンは、JavaScript デザイン パターンにおける動作...

Linux を使用して時間指定ファイルが占有するディスク容量を計算する方法

スケジュールされたタスク エディターを開きます。Cent は、デフォルトで vim を使用して直接開...

フォームにファイルをアップロードした後にアクションを保存するよう促す理由と解決策

jsonデータはhtml形式で返される必要がありますつまり、 response.setContent...

Linux 最速のテキスト検索ツール ripgrep (grep の最良の代替)

序文テキスト検索ツールといえば、Linux で最も便利でよく使われるツールの 1 つである grep...