css with the mind

Vertical arrangement and width to achieve the adaptive
sub-column layout - vertical alignment (all aliquot of each column)
Flex layout - vertical arrangement (width does not adaptive)
Floating - to do the layout of a plurality of individual
grid layout - can be well done
grid-auto-flow: column; achieve vertical arrangement, an arrangement of elements down column to another column is not enough
to add the parent container absolute positioning, and then sub-elements to widen the high

Meaning Encyclopedia HTML5 label (periodic table)
w3school

Block and inline difference? ? ?

Label specifications:
P Tags: tags can be nested blocks
Table TD TH TR-
UL-Li
DL-dt dd
block nested inline, a block can not be nested inline

form Shashi Hou write? Keep the back-end interaction
sometimes can not thank the form can be carried out with the back-end interactive (AJAX)

? ? background-origin
position of the starting point of the background, the default initial padding area. padding-box, border-box, content-box
can not be confused with the background-position

background-size: cover, contain specific values and
box-sizing
two kinds box model
1. Normal box model width = Content-Box Content
2. odd border and within box model = width border-box

Border-style: border-style: solid dashed dotted
pattern against a set of one side: border-left-style

Oversized FIG center:
1. BACKGROUND: background: Center 0;
2. Image with: position: relative; left: 50 %; margin-left: - half picture

Published 21 original articles · won praise 3 · Views 334

Guess you like

Origin blog.csdn.net/qq_44531034/article/details/104715800