uniqueness

one to many

many to one

Parent box overflow:hidden

subbox float

Support background image

Supports single direction

The four-value method is not supported

border wedge

border-width

border-style

border-color

Place it on a box that you don't want to be affected by floating

No off-label space occupancy

position relative to oneself

Can be used for small position movements

Reference objects that can be used for absolute positioning

Off-label and does not occupy space

Positioning relative to containing block

Do not write the coordinates and leave them in place

The son is completely different from the father

Relative window positioning

Off-label and does not occupy space

Do not write the coordinates and leave them in place

Need to be used in combination with coordinates

Equivalent to a combination of relative positioning and fixed positioning

No off-label space occupancy

No off-label space occupancy

Coordinate attributes are not supported

Hierarchical attributes are not supported

exclusive line

Configurable width and height

Row height can support the height

After floating, it will be arranged horizontally

display in one line

Cannot set width and height

The row height cannot support the height

You can set the width and height after floating

text-indent is not supported

Box model related attributes are not supported and are invalid in the vertical direction.

block

inline-block

inline

none

list-item

table-cell

ul{text-align:center}

li {display:inline-block;}

.all {text-align:center;}

.all p {display:inline-block;text-align-left};

img{display:block;

img{vertical-align:top/middle/bottom;}

.all{font-size:0;}

method 1

Method 2

fixed

auto

hide

show

relative box

Relative window

(space)

>

~

:hover

:link

:active

:visited

:focus

kids series

Son series

:root

:empty

:not()

:not

:lang

:target

:disabled

:enabled

:read-only

:read-write

:checked

0.1

1

10

10

10

100

1000

10000

inset

To the right

down

degree of ambiguity

extent of expansion

shadow color

To the right

down

degree of ambiguity

translate()

rotate()

scale()

skew()

Define depth of field

Define deformation type

3D deformation

Define the starting point of the deformation

background:linear-gradient(0deg, #000, #000)

background:radial-gradient(radius at position, #000, #000)

background:repeating-linear-gradient(0deg, #000 5px, #000 10px)

background:repeating-radial-gradient(radius at position, #000 5px, #000 10px)

@keyframes name{}

animation: name .5s linear 0s infinite alertnate forwords

container

project

container

project

columns

column-count

column-width

column-gap

column-rule

column-span

column-fill

border-box

Features

content-box

Features

First low and then high, focusing on the implementation of the functions of the low version, and adding cool effects to the high version

First high and then low, focusing on the effects of high version functions, and need to deal with the compatibility of low versions

parent box

subbox

parent box

subbox

parent box

subbox

parent box

subbox

parent box

subbox

parent box

parent box

subbox

parent box

parent box

subbox

parent box

parent box

parent box

subbox

Parent box pseudo-element::after

parent box

subbox

vertical-align:middle;

display:table-cell;

width

white-space:nowrap;

overflow:hidden

text-overflow:ellipsis

A multiple of itself or the font size of the parent box

Multiple of root (html) font size

One percent of the viewport width

One percent of the viewport height

one percent short side

One percent of the long side

left

right

hidden

scroll

auto

absolute

fixed

inline-block

table-cell

table-caption

flex

The child box floats and the height of the parent box is 0.

solve

Attributes

Attributes

Required fields

auto focus

Placeholder

Whether to enable history recording

value

Regular verification

min

max

step

min

max

step

Generally used to place logos

Generally used to put column titles

Strong semantics

Strong semantics

Strong semantics

Strong semantics

superscript

subscript

Column header

table title

thead

tbody

tfoot

colgroup

Group dividing line

value

horizontal alignment

value

vertical alignment

value

Submission method

value

target address

value

Open method

value

text

password

radio

checkbox

select>option

textarea

image

button

submit

reset

file

name

value

Multiple choice

Checked by default

Drop-down menu checked by default

read only

Disable

type

start

type

scr

title

alt

width

height

href

title

target

Same level

upper level

next level

Starting from the drive letter

used from web pages

relatively

absolute