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 レイアウト (行と列コンポーネント) の実装

推薦する

nodejs で worker_threads を使用して新しいスレッドを作成する方法

導入前の記事で述べたように、NodeJS には 2 種類のスレッドがあります。1 つは、ユーザー リ...

MySQL 8.0 のデフォルトのデータディレクトリを変更する (設定なしの簡単な操作)

使用シナリオ: Alibaba Cloud を使用しており、データディスクを別途購入しました (大容...

MySQLのワークベンチ例の詳細な説明

MySQL Workbench - モデリングおよび設計ツール1. モデルは、最も効果的で高性能なデ...

Web ページでの Unicode 文字の使用の概要 (&#、\u など)

初期のコンピュータでは ASCII 文字しか使用できませんでしたが、コンピュータのアプリケーションの...

WindowsシステムでPhPStudy MySQLの起動に失敗する問題を解決する

エラーを報告するApache\Nginx サービスは正常に起動しましたが、MySQL は起動に失敗し...

MySQLデータベースを操作するためのコマンドラインツールmycliの簡単な紹介

GitHub にはあらゆる種類の魔法のツールがあります。今日、私はデータベースを操作するためのコマン...

JavaScript を使用した数独の完全な実装プロセス

目次序文数独の解き方最初のボックスに記入してください2番目のボックスに記入してください3番目のボック...

dockerカスタムイメージでphp7をビルドする方法

まず、簡単な Docker インストールを実行します。イメージをカスタマイズするには、ベースイメージ...

WeChatアプレットで数字当てゲームを実装する実際のプロセス

目次機能紹介レンダリング1. ホームページレンダリング用のコード(index03) 2. ゲーム開始...

Nginxのアクセスボリューム制御の詳細な説明

目的リクエスト アクセス ボリュームを制御するための Nginx ngx_http_limit_co...

WeChatミニプログラムユーザー認証による携帯電話番号の取得(getPhoneNumber)

序文ミニプログラムには、ユーザーを取得するための非常に便利な API があり、getPhoneNum...

IDEA を MYSQL データベースに接続するための構成時に失敗する問題の解決策

この記事では、主に、IDEA を MYSQL データベースに接続するための構成時に失敗する問題の解決...

Vue3 setup() の高度な使用例の詳細な説明

目次1. オプションAPIと組み合わせAPIの違い2. セットアップを具体的にどのように使用するので...

JQuery を放棄すべきでしょうか?

目次序文jQuery 以外の場合は何を使うのでしょうか? DOMとイベントAJAX リクエスト要約す...

カルーセルアニメーションを実現するVueコンポーネント

この記事では、カルーセルアニメーションを実現するためのVueコンポーネントの具体的なコードを例として...