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

ウェブページ要素の完全な分析
相対的な長さの単位
それら
説明: 相対的な長さの単位。現在のオブジェクト内のテキストのフォント サイズを基準とします。
現在の行のテキストのフォント サイズが手動で設定されていない場合は、ブラウザのデフォルトのフォント サイズが基準になります。
例:
div { フォントサイズ : 1.2em; }

説明: 相対的な長さの単位。 「x」文字の高さを基準とします。この高さは通常、フォント サイズの半分になります。
インライン テキストのフォント サイズが手動で設定されていない場合は、ブラウザーのデフォルトのフォント サイズが基準になります。
例:
div { フォントサイズ : 1.2ex; }
ピクセル
説明: 相対的な長さの単位。ピクセル。
ピクセルはモニター画面の解像度に相対します。たとえば、WONDOWS ユーザーが使用する解像度は、通常 1 インチあたり 96 ピクセルです。 MAC ユーザーが使用する解像度は通常、1 インチあたり 72 ピクセルです。
例:
div { フォントサイズ : 12px; }

--------------------------------------------------------------------------------
絶対長さの単位
pt
例:
絶対的な長さの単位。ポイント。
1インチ = 2.54cm = 25.4mm = 72ポイント = 6個
例:
div { フォントサイズ : 9pt; }
パソコン
例:
絶対的な長さの単位。異食症。これは我が国の新4号鉛字の大きさに相当します。
1インチ = 2.54cm = 25.4mm = 72ポイント = 6個
例:
div { フォントサイズ : 0.75pc; }

例:
絶対的な長さの単位。インチ。
1インチ = 2.54cm = 25.4mm = 72ポイント = 6個
例:
div { フォントサイズ : 0.13in; }
cm
例:
絶対的な長さの単位。センチメートル(センチメートル)。
1インチ = 2.54cm = 25.4mm = 72ポイント = 6個
例:
div { フォントサイズ : 0.33cm; }
んん
例:
絶対的な長さの単位。ミリメートル。
1インチ = 2.54cm = 25.4mm = 72ポイント = 6個
例:
div { フォントサイズ : 3.3mm; }

--------------------------------------------------------------------------------
色単位リファレンス
#RRGGBB
パラメータ:
RR:

<<:  CSS3 で背景の透明化と不透明テキストを実装するサンプルコード

>>:  MySQLにおけるトランザクションの永続性実装原理の詳細な説明

推薦する

Linux サーバーの状態を監視する方法

私たち、特に Linux エンジニアは毎日 Linux サーバーを扱っています。サーバーのセキュリテ...

Linux システムでログを手動でスクロールする方法

ログローテーションは、Linux システムでは非常に一般的な機能です。ログローテーションは、システム...

CSS3はアニメーション効果を実現するためにvar()とcalc()関数を使用する。

ナレッジポイントをプレビューします。アニメーションフレーム背景グラデーションvar() と calc...

記事では、js を使用して弾幕効果を実現する方法を説明します

目次新しい HTML ファイルを作成します。初期テンプレートを作成するHTML の追加CSS パディ...

NGINXがウェブサイトのPV、UV、独立IPをカウントする方法の詳細な説明

Nginx: PV、UV、独立IPウェブサイトを作成する人なら誰でも、ウェブサイトのPV、UV、その...

CSS で波の効果を作成するためのアイデア

以前、純粋な CSS を使用して波の効果を実現する方法をいくつか紹介しました。それらについては、次の...

MySQLデータベースに接続し、クエリ操作を実行するためのIDEAの完全なコード

1.まずMysqlリンク設定ページを書く パッケージ com.wretchant.fredis.me...

Vant Uploaderは1枚以上の写真をアップロードするコンポーネントを実装します

この記事では、1枚以上の写真をアップロードするためのVant Uploaderコンポーネントを紹介し...

Linux での SSH 非秘密通信の実装

SSHとは何か管理者はリモートでログインして、インターネット経由で接続されたさまざまな場所にある複数...

CSS3 で translate と transition を使用する方法

translate と transition は非常に強力で、習得するのは不可能だといつも感じていま...

JavaScript スタイル オブジェクトと CurrentStyle オブジェクトのケース スタディ

1. スタイルオブジェクトスタイル オブジェクトは単一のスタイル宣言を表し、スタイルが適用されている...

IE 8/Chrome/Firefox と互換性のあるコメント返信ポップアップマスク効果実装アイデア

平日はニュースに注目して、テンセントをよく閲覧しています。しかし、コメントへの返信はほとんど見られま...

iview権限管理の実装

目次iview-admin2.0 組み込み権限管理権限に基づいてコンポーネントの表示を制御するカスタ...

トップに戻るボタンの例の JavaScript 実装

この記事では、トップに戻るボタンを実装するためのJavaScriptの具体的なコードを参考までに紹介...

CSS における z-index: 0 と z-index: auto の違い

最近、スタック コンテキストについて学習しています。学習の過程で、z-index が 0 の場合と ...