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

推薦する

MySQL フェイルオーバー ノート: アプリケーション対応設計の詳細な説明

1. はじめに周知のように、データベース ミドルウェアの読み取り/書き込み分離のアプリケーション シ...

Vue実装のカウンターケース

この記事では、カウンター表示を実現するためのVueの具体的なコードを例として紹介します。具体的な内容...

WeChat公式アカウントでReactプロジェクトを実行する方法

目次1. a タグを使用して PDF をプレビューまたはダウンロードします。書き方は、携帯電話でクリ...

Elasticsearch を使用する際の一般的な問題の解決策

1. redis で使用すると Netty の起動競合が発生するため、***Application ...

リンク更新ページと js 更新ページの使用例

1. リンクの使用方法:コードをコピーコードは次のとおりです。 <a href="j...

複数クリックを防ぐVueの実践

通常、クリック イベントは、メッセージ リマインダーのさまざまな状況に分割されます。これらが処理され...

Docker Alibaba Cloud RocketMQ 4.5.1 のデプロイプロセスの詳細な説明

検索ミラー docker 検索 rocketmq画像バージョンを表示他の画像を表示したい場合は、画像...

Docker を使用した Laravel アプリケーションのデプロイ例

この記事で使用されているPHPベースイメージはphp:7.3-apacheです。この記事の Lara...

HTML/CSS での空白処理とページ内の空白を保持する方法

HTML の空白ルールHTML では、コンテンツ内の複数のスペースは通常 1 つとみなされ、連続する...

MySQLのバージョンアップ方法を超詳しく解説

目次1. はじめに2. データベースをバックアップする3. オリジナルのMysqlをアンインストール...

webpackを使用してTypeScriptコードをパッケージ化およびコンパイルする方法を教えます

TypeScript バンドルwebpack 統合通常、実際の開発では、ビルド ツールを使用してコー...

Docker で Zookeeper をインストールする (スタンドアロンおよびクラスター)

Docker を起動したら、利用できるオプションを見てみましょう。 公式のものがある場合は、もちろ...

制限およびオフセット ページング シナリオを使用すると速度が遅くなるのはなぜですか?

質問から始めましょう5 年前、私が Tencent にいたとき、ページング シナリオでは MySQL...

MySQL explain クエリ命令情報の取得原理と例

explain はクエリ実行プラン情報を取得するために使用されます。 1. 文法次のように、sele...

JavaScript における継承の 3 つの方法

継承する1. 継承とは何か継承: まず、継承とは関係、つまりクラス間の関係です。JS にはクラスはあ...