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

推薦する

Nginx 仮想ホストの詳細な分析

目次1. 仮想ホスト1.1 仮想ホストの概念1.2 仮想ホストタイプ2. IP仮想ホストに基づく2....

要素に丸い境界線を追加する border-radius メソッド

border-radius:10px; /* すべての角は半径 10px で丸められます*/ bor...

Dockerのインストール、イメージの作成、NodeJSプログラムの読み込みと実行の詳細なプロセス

システム環境: Windows 7 1. DockerをインストールするDocker公式サイトからd...

文字列の最初の文字を取得してテキストアイコン機能を実現する純粋なCSS

CSS でテキストアイコンを実装する方法 /*アイコンスタイル*/ .nav-icon-norma...

CSS3アニメーションを使用して、小さい円から大きい円に拡大し、外側に広がる効果を実現する例

序文この記事では、CSS3アニメーションを使用して、円が小さいものから大きく拡大し、外側に広がる効果...

リンクをクリックしたときにファイルのダウンロードダイアログボックスをポップアップ表示するには、HTML で href を使用します。

今日、新しい技を学びました。あまりやったことがなかったので、今まで知りませんでした...目的: リン...

CentOS 7 で Python を 3.6.6 にアップグレードした後に発生する yum エラー問題の解決方法の概要

最近、テスト サーバーのオペレーティング システムを Cent0S 7.5 にアップグレードし、Py...

フロントエンドページのスライド検証を実装するための JavaScript + HTML (2)

この記事の例では、クールなフロントエンドページのスライド検証の具体的なコードを参考までに共有していま...

HTML テーブル マークアップ チュートリアル (41): テーブル ヘッダーの幅と高さの属性 WIDTH、HEIGHT

デフォルトでは、ヘッダーの幅と高さはコンテンツに応じて自動的に調整されます。ヘッダーの幅と高さを手動...

CSS 背景画像を設定するための 6 つの興味深いヒント

background-image は、おそらくすべてのフロントエンド開発者がキャリアの中で少なくとも...

MySQL 8.0.11 MacOS 10.13 のインストールと設定方法のグラフィックチュートリアル

MacにMySQLデータベースをインストールし、環境変数を設定する手順を参考までに記録します。具体的...

Linuxのバージョン情報を復号化する方法

Linux バージョンに関する情報を表示および解釈するのは、見た目よりも少し複雑です。単純なバージョ...

Vue はネストされたルーティングメソッドの例を実装します

1. ネストされたルーティングはサブルーティングとも呼ばれます。実際のアプリケーションでは、通常、ネ...

ネイティブ JavaScript を使用して計算機のサンプル コードを開発する

計算機の主な機能は数値計算を実行することです。計算機機能の Web インスタンスを開発すると、js ...

さまざまなHTTPリターンステータスコードの詳細な説明

サイト上のページを表示するためのリクエストがサーバーに送信されると(たとえば、ユーザーがブラウザでペ...