CSS (カスケーディング スタイル シート) の一般的な用語の概要

CSS (カスケーディング スタイル シート) の一般的な用語の概要
CSS を使用する場合は、DOCTYPE (ドキュメント タイプ定義) を記述することを忘れないでください。
標準ボックスモデル

1. 要素の分類<br />ブロックレベル要素(ブロック)
Div+css (DIV と CSS はどちらもコンテナです)
<p> は段落タグであり、ブロックレベルの要素です。
インライン要素
Span はボックス モデルのプロパティに応答しません。
2. 標準フロー<br />ラベルの配置。
3. ボックス モデル<br />要素を 4 のマージンでボックスに入れます (2 つが一緒になったときの最大値を取り、合計は加算しません)
4 つのコンテンツ領域のパディング (幅と高さ)
ボーダー4
スタイルは一緒に記述できます。
4. フロート<br />標準の流れから外れます。
5. 配置<br />絶対: 絶対は標準のフローから外れ、要素を含むボックスに対して絶対的になります。
相対的: 元の位置に対して相対的だが、標準フローから外れていない
6. ハイパーリンクのスタイルを設定する
a:linkはハイパーリンクの初期状態です
a:hoverはマウスを置いたときのホバー状態です
a:activeはマウスがクリックされたときです
a: 訪問は訪問後の状況です
7. CSS ハック(CSS ハックの詳細については、http://baike.baidu.com/view/1119452.htm をご覧ください)
*margin-top:10px!important; /*このルールはIE678のみで認識されます*/
_margin は IE6 でのみ認識されます。
他のコアブラウザは認識できます!重要(優先度を上げる)
IEギャップ問題を解決する: 上マージン: -2em 外側の境界線を2e単位上にする
8. 切り取った画像を読み込むときには、これらの3つの属性が存在している必要があります。
背景画像
背景位置
background-repeat: /*繰り返しなし*/
9. *スペースはすべての要素の設定を表します

<<:  docker システムコマンドセットの使用

>>:  Element-ui レイアウト (行と列コンポーネント) の実装

推薦する

ローカルのMySQLをサーバーデータベースに移行する方法

Linux の scp コマンド (Windows では scp は使用できません) と、mysql...

MySQL の制限ページング最適化ソリューションの実装に関する簡単な説明

MySQL のページングステートメントの使用制限Oracle や MS SqlServer と比較す...

条件付きコメント形式の書き方とサンプルコード

フロントエンドエンジニアとして、IE は私たちにとって馴染み深いものであるはずです。設計案を実装する...

DockerはClickHouseをインストールし、データテストを初期化します

クリックハウスの紹介ClickHouse は、SQL クエリを使用して分析データ レポートをリアルタ...

ウェブページ要素の完全な分析

相対的な長さの単位それら説明: 相対的な長さの単位。現在のオブジェクト内のテキストのフォント サイズ...

ハイパーリンクのWebデザイン原則

<br />関連記事: Web コンテンツ ページ作成のための 9 つの実用的なヒント、...

CSS トランジションを使用した円形ホバー効果のサンプルコード

この記事では ソースコードのオンラインプレビューとダウンロード今日のチュートリアルでは、円のホバー効...

Dockerイメージサイズを最適化する一般的な方法

通常、私たちが構築する Docker イメージはサイズが大きく、多くのディスク領域を占有します。コン...

フレックスレイアウトは左のテキストオーバーフローを実現し、右のテキストの適応を省略します

テキストの長さに応じて、左側のテキストの幅を自動調整できる状況を実現したい。1行が表示できない場合、...

Dockerがコンテナサービスを停止または削除できない問題の解決策

序文今日、開発者から、コンテナ サービスを停止、rm (docker rm -f)、または強制終了で...

MySQL フィールドで NOT NULL を使用する必要があるのはなぜですか?

私は最近新しい会社に入社したのですが、データベース設計にいくつか小さな問題があることに気付きました。...

静的リソースファイルのアクセスログをフィルタリングするNginxの実装

乱雑なログ日常的に使用される Nginx は、静的リソース サーバーとリバース プロキシ サーバーの...

Webデザインチュートリアル(3):デザインの手順と考え方

<br />前のチュートリアル:Webデザインチュートリアル(2):模倣と盗作について。...

Viteプロジェクトを作成する手順

目次序文yarn create は何をしますか?ソースコード分析プロジェクトの依存関係テンプレート構...

MySQL データ操作 - DML ステートメントの使用

例示するDML(データ操作言語)とは、データベースの追加、削除、変更を行うための操作命令のことです。...