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 の MySQL 設定の変更が有効にならない問題の解決方法

背景AWS EC2 を使用するプロジェクトサービスがあります。セキュリティとパフォーマンスを考慮して...

MySQL 8のパスワードを忘れた場合のベストな対処法の簡単な分析

序文MySQL に精通している読者は、MySQL が非常に迅速に更新されることに気付くかもしれません...

Vue 条件付きレンダリング v-if と v-show

目次1. 動詞-if 2. <template> で v-if を使用する3. キーを使...

JSはアニメーションのレイアウト変換を実装します

JS でアニメーションを記述する場合、移動前に相対位置を絶対位置に変換してからアニメーション機能を実...

Tomcat の文字化けしたコードとポート占有の解決方法について簡単に説明します

Tomcat サーバーは、無料でオープン ソースの Web アプリケーション サーバーです。軽量のア...

MySQL の複数テーブル関連付け 1 対多クエリを使用して最新のデータを取得する方法の例

この記事では、MySQL で複数のテーブルを使用して 1 対多のクエリを使用して最新のデータを取得す...

UbuntuはPythonスクリプトのサンプルコードを定期的に実行する

オリジナルリンク: https://vien.tech/article/157序文この記事では、Ub...

HTML テーブル マークアップ チュートリアル (22): 行の境界線の色属性 BORDERCOLORLIGHT

行内では、明るい境界線の色を個別に定義できます。基本的な構文<TR ボーダーカラーライト=co...

キープアライブキャッシュをクリアする方法の詳細なグラフィック説明

目次オープニングシーンv-for を使用した直接レンダリングカスタムコンポーネントで直接レンダリング...

vsftpd ユーザーが ssh 経由でログインすることを禁止する方法

序文vsftp は使いやすく安全な FTP サーバー ソフトウェアです。システムユーザーまたは仮想ユ...

CSS導入方法4つのまとめ(共有)

1. インライン参照:ラベルに直接使用されるが、メンテナンスコストが高い スタイル='フォ...

Ubuntu環境でのSSHの詳細なインストールと使用

SSH は Secure Shell の略で、安全な伝送プロトコルです。Ubuntu クライアントは...

良いデザインについて

<br />「良いデザインとは何か」と答える 1 万人に対して、少なくとも 1 万 1 ...

MySQL ベースのシーケンス実装方法

チームは新しいフレームを交換しました。すべての新しいビジネスでは、新しいフレームワークと新しいデータ...