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

推薦する

CocosCreator でレイヤー管理に常駐ノードを使用する方法

CocosCreator バージョン: 2.3.4ほとんどのゲームにはレイヤー管理機能があり、例えば...

CentOS での MySQL ログイン 1045 問題を解決する

アプリケーション全体を CentOS にデプロイする必要があるため、当然ながらデータベース操作は不可...

Ubuntu システムでタイムゾーンと時刻を変更する方法

Linux コンピュータには 2 つの時間があります。1 つはハードウェア時間 (BIOS に記録さ...

nginxを使用して画像サイズを動的に変換し、サムネイルを生成します。

Nginx ngx_http_image_filter_module モジュール (nginx バ...

require/import キーワードを使用して v-for ループでローカル画像をインポートするいくつかの方法

目次問題の説明方法 1 (バックエンドが画像 URL を返す)方法 2 (フロントエンドで requ...

JS オブジェクト配列の重複排除のための 3 つの方法の例と比較

目次1. 重複排除前後のデータの比較2. 使い方1. フィルターとマップを使用する2. 削減を使用す...

JavaScript プロトタイプのデータ共有とメソッド共有の実装を調べる

データ共有プロトタイプにはどのようなデータを書き込む必要がありますか?共有する必要があるデータはプロ...

Ubuntu 18.04 に Nvidia グラフィック カード ドライバーをインストールするチュートリアル (画像とテキスト付き)

0. 事前準備BIOS でセキュア ブートを無効にします。無効にしないと、サードパーティ ソースを...

jquery-multiselect を使用した IE6 のバグの解決方法

jquery-multiselect (ドロップダウン ボックスをチェックボックス付きの複数選択コン...

Reactスロットの使い方

目次必要コアアイデアReactでスロットを実装する2つの方法必要コンポーネントを自分で書きました。コ...

ラベルとスパンの幅設定が無効である問題の解決

デフォルトでは、ラベルとスパンの幅の設定は無効です。一般的に、表示属性は必須ですコードをコピーコード...

Vueログイン機能の実装

目次前面に書かれたログインの概要ログインビジネスプロセスログインサービスの関連技術ポイントログイント...

vue.jsは画像のURLに従って画像をダウンロードします

最近、フロントエンドの vue.js ドッキング機能モジュールに取り組んでいたとき、画像をダウンロー...

Mysql5.7.14 Linux版のパスワードを忘れた場合の完璧な解決策

/etc/my.confファイルで、[mysqld]の下に次の行を追加します: skip-grant...

MySQL スケジュールタスクの実装と使用例

この記事では、例を使用して、MySQL スケジュール タスクの実装と使用方法を説明します。ご参考まで...