Supplementary Table:
thead table header
tbody table title (the browser will automatically add)
tfoot footer
th column header, the default text bold, centered and down, left and right center
caption table caption
colgroup division number as a set
span = "columns"
Table Properties:
border-spacing: cell spacing; must be added to the table.
border-collapse: combined border line; table must be added to
collapse; border lines merge,
separate; the default value, do not merge
empty-cells: Show hidden cell when no content;
Show; display, the default value of
hide; hide,
table-layout : whether the cell is a fixed width;
Auto; default values. Adaptive, fixed width is not
fixed; fixed cell width, the height is not fixed
form added:
radio buttons: type = "radio" radio button
Note: name attribute value of the same group must be consistent in order to achieve mutual exclusion.
checked = "checked" is selected by default.
Checkboxes: type = "checkbox" check box
Note: name value need not coincide
disabled = "disabled" Disable prohibit choose
file upload: type = "file"
pull-down menu: <the SELECT>
<the Option value = "" name = ""> </ Option>
<Option value = "" name = ""> </ Option>
<
</ select>
selected by default entry selected = "selected"
Multiple lines of text: <TextArea cols = "100" Row = "50" style = "width: 400px height: 300px by"> </ TextArea>
textraea
cols = "" the character width, change the element width
rows = "" change element high
default draggable
risize: none; drag prohibited
Note: not px units, referring to the number of characters received, the deviation
may be modified by setting the size of the style
sheet
fieldest> legend form fields set> form fields collection header
Note: a fieldest inside, there is only one immediate legend. There can be multiple filedest
<fieldest>
<Legend> </ Legend>
<fieldest>
<Legend> </ Legend>
</ fieldest>
</ fieldest>
label binding selected tab
<input type = "radio" id = "nc" >
<label for = "nc"> guess </ label>
BFC container having a specific function, which is an independent rendering area.
Rules (special function) analytic bfc region
a, the interior of the Box will vertically, placed one after.
Second, the distance is determined by the vertical Box margin.
Belong to the same two adjacent margin of a BFC Box of overlap (margin according to the maximum value) occurs
three, Box left margin of each element, comprising the left block border box in contact
four, and the area is not the BFC floating boxes overlap.
Five, BFC is a separate container isolated on the page, inside the container does not affect child elements to the outside elements.
Sixth, when calculating the height of the BFC, the floating elements are also involved in the calculation
Which elements or attributes trigger BFC
. 1, the root element (html) is a maximum BFC region
2, float property is not none
. 3, position of absolute or Fixed
. 4, the display is inline-block, table-cell, table-caption, Flex, Flex-inline
. 5, overflow is not visible (Auto, hidden)
the bFC application
1, an adaptive two-column layout
2, clear the internal float
3, to prevent the upper and lower margin
bfc overlapping margin region is placed
element in the case, the default parent-child relationship, vertical margins overlap
solution: to a parent element region is set to bfc