;
03-03
the CSS property inheritance:
not inheritance: the display, margin, border, padding, background, height, height-min, max- height,
min-width, max-width, overflow
all elements inheritable: visibility and cursor.
Inheritable inline elements: Letter-spacing, Word-spacing, height-Line, Color,
font, font-Family, font-size, font-style, font-Variant
block elements inheritable: text-indent text-align and
list elements inherit: list-style, list-style -type, list-style-position, list-style-image.
Inheritable form elements: border-collapse
box model: css box model is the cornerstone of the layout, it specifies how to display the page elements and relationships between elements.
css define all the elements can have a box-like shape and a planar space.
Composition box model: content area, padding / fill, border, border / margins.
Margins (margin): change the spacing of the outer element, the element in the peripheral margin, the size of elements does not stretch
margin: value; value and separated by a space between the values.
Changing a value of four directions;
two values: a first changing down, left and right second change;
three values: a change on the first, about a second change, the third change;
Four values: the first change, the right to change the second, next third change, changes the fourth left.
(Change clockwise)
action: to control the spacing between elements and element.
Add margin to a single direction
on the margin-left / right / top / bottom / lower / left / right
padding (padding): to change the pitch of the element with the content, padding will stretch box.
If you want to keep the original box size: width and height minus the basis.
(If a content element is stretched, there is no set width and height, padding directly distraction not have to cut.)
Padding: the value; separated by a space between the value and values.
Changing a value of the vertical and horizontal four directions;
two values: a first changing down, left and right second change;
three values: a change on the first, about a second change, the third change;
four values : on the first change, the right to change the second, next third change, changes the fourth left.
(Clockwise variation)
to add padding single direction
on the padding-top / bottom / left / right / down / left / right
Note: there are negative margins, padding no negative.
padding will not affect the position of the background image
BUG margin often appear
1, two vertically adjacent margin value of the element is not superimposed in accordance with the larger value.
2, the elements of the nesting relationship, the outer upper margins parent element and the child element from the
box model footprint size calculation:
W is the width + = + left border from the outer left and right margins around +
H + within the vertical frame vertically = height + upper and lower margins margin +
version of the heart is a content of the page display region
specific width width;
approximately centrally margin: auto;
cut FIG manner:
rectangular marquee tool to select ==> ctrl + c ==> ctrl + n ==> Ctrl + v ==> ctrl + shift + alt + s storage
Multicolumn list hyperlink formula: li * 8> a {contents} Tab key