Full analysis of web page elements

Full analysis of web page elements
Relative Length Units
em
Description: Relative length unit. Relative to the font size of the text within the current object.
If the font size of the text in the current line is not set manually, it is relative to the browser's default font size.
Example:
div { font-size : 1.2em; }
ex
Description: Relative length unit. Relative to the height of the "x" character. This height is usually half the font size.
If the font size of the inline text is not set manually, it is relative to the browser's default font size.
Example:
div { font-size : 1.2ex; }
px
Description: Relative length unit. Pixel.
Pixels are relative to the monitor screen resolution. For example, the resolution used by WONDOWS users is generally 96 pixels per inch. The resolution used by MAC users is generally 72 pixels per inch.
Example:
div { font-size : 12px; }

--------------------------------------------------------------------------------
Absolute Length Units
pt
illustrate:
Absolute length unit. Point.
1in = 2.54cm = 25.4mm = 72pt = 6pc
Example:
div { font-size : 9pt; }
pc
illustrate:
Absolute length unit. Pica. It is equivalent to the size of my country's new No. 4 lead type.
1in = 2.54cm = 25.4mm = 72pt = 6pc
Example:
div { font-size : 0.75pc; }
in
illustrate:
Absolute length unit. Inch.
1in = 2.54cm = 25.4mm = 72pt = 6pc
Example:
div { font-size : 0.13in; }
cm
illustrate:
Absolute length unit. Centimeter (Centimeter).
1in = 2.54cm = 25.4mm = 72pt = 6pc
Example:
div { font-size : 0.33cm; }
mm
illustrate:
Absolute length unit. Millimeter.
1in = 2.54cm = 25.4mm = 72pt = 6pc
Example:
div { font-size : 3.3mm; }

--------------------------------------------------------------------------------
Color Units Reference
#RRGGBB
parameter:
RR:

<<:  Example code for implementing background transparency and opaque text with CSS3

>>:  Detailed explanation of the persistence implementation principle of transactions in MySQL

Recommend

MySQL Daemon failed to start error solution

MySQL Daemon failed to start error solution A few...

Solve the mobile terminal jump problem (CSS transition, target pseudo-class)

Preface Many friends who have just come into cont...

Table paging function implemented by Vue2.0+ElementUI+PageHelper

Preface I have been working on some front-end pro...

Detailed tutorial on running multiple Springboot with Docker

Docker runs multiple Springboot First: Port mappi...

How to implement gzip compression in nginx to improve website speed

Table of contents Why use gzip compression? nginx...

JS implements circular progress bar drag and slide

This article example shares the specific code of ...

Docker5 full-featured harbor warehouse construction process

Harbor is an enterprise-level registry server for...

Example code showing common graphic effects in CSS styles

Let me briefly describe some common basic graphic...

Let's talk about the storage engine in MySQL

Basics In a relational database, each data table ...

Summary of commonly used multi-table modification statements in Mysql and Oracle

I saw this question in the SQL training question ...

Notes on the MySQL database backup process

Today I looked at some things related to data bac...

Highly recommended! Setup syntax sugar in Vue 3.2

Table of contents Previous 1. What is setup synta...

Implementation example of react project from new creation to deployment

Start a new project This article mainly records t...

Full process record of Nginx reverse proxy configuration

1. Preparation Install Tomcat on Linux system, us...