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 つのツリー構造テーブル設計の長所と短所の簡単な分析と共有

推薦する

Web コンポーネントの内部イベント コールバックと問題点の分析

目次前面に書かれたWC とは何でしょうか?現在の欠陥1. コンポーネント内部イベントのコールバック2...

HTML の基礎必読 - CSS スタイルシートの包括的な理解

CSS (カスケーディング スタイル シート) は、HTML Web ページを美しくするために使用さ...

JavaScript BOM の説明

目次1. BOMの紹介1. JavaScriptは3つの部分から構成される2.ウィンドウオブジェクト...

CSSはラジオをクリックして2つの画像スタイルを切り替えますが、複数のラジオのうち1つだけをチェックできます。

クリックされたボタンには赤い画像スタイルを実装し、選択されていない他のボタンには灰色の画像スタイルを...

Javascript配列の重複排除のいくつかの方法の詳細な説明

目次アレイ重複排除1 2層forループ(バブルソートの2層ループ記述に類似) 2 ループとインデック...

ネイティブ CSS で無限テキストカルーセルを実装する一般的な方法

テキストカルーセルは私たちの日常生活で非常に一般的です。スーパーマーケットや実店舗の入り口には、テキ...

FTP環境設定ソリューション(vsftpd)の詳細な説明

1. vsftpdコンポーネントをインストールするインストールコマンド: [root@ink4t ~...

Ubuntu 18.04 のインストールで「ldlinux.c32 のロードに失敗しました」というエラーが表示され、解決手順がわかりません

序文私は Win7 を搭載した古いラップトップを持っています。古いシステムを維持しながら、同時に U...

MySQL SHOW PROCESSLISTはトラブルシューティングの全プロセスを支援します

1. SHOW PROCESSLISTコマンドSHOW PROCESSLIST は実行中のスレッド ...

MySQL に大量のデータを挿入する 4 つの方法の例

序文この記事では主に、MySQLに大量のデータを挿入する4つの方法を紹介し、参考と学習のために共有し...

CentOS サーバーのセキュリティ構成戦略

最近、ブルートフォース攻撃によるサーバのクラッキングが頻発しています。侵入行為を大まかに分析し、よく...

Vue3.0はドロップダウンメニューのカプセル化を実装します

Vue3.0 がリリースされてからしばらく経ちましたが、勉強を始める必要があります。まず、達成したい...

Linux sar コマンドの使用方法とコード例の分析

1. CPU使用率sar -p (一日中表示) sar -u 1 10 (1: 1秒ごと、10: 1...

純粋な CSS ドロップダウン メニュー

成果を達成する実装コードhtml <div id="コンテナ"> &...

Layuiテーブル行のデータを動的に編集する

目次序文スタイル機能説明初期化コードイベントリスナーの追加リスナーツールバーモニターテーブル行ツール...