Layout--Holy grail and double wing layout

1. What are the properties that CSS can inherit?

Font Series Text Series color Line-height

1. The problem with the value of Border-radius

The four values are in the upper-left, upper-right, lower-left, lower-to-bottom order.

1. White-space the text in the specified paragraph does not break the line is often the value of nowrap does not wrap
2. The Word-wrap property allows long content to wrap property values that are Break-word allowed by default is not allowed
3. Write triangle

The wide height must be 0.

1. The impact of margin on the layout of the double wing Layout grail layout ()

Margin is the margin, and the value of the attribute is numeric and positive.

Positive number: margin:20px;

Negative number: In the static element (standard stream) Margin-left is negative the current element goes left Margin-top negative current element goes up

Margin-bottom is negative after the current element does not move the following elements up, Margin-right is negative the current element does not move behind the elements left to go

Note that margin is negative to increase the width of the current element (provided that the current element does not have width set)

Scene

To ul a margin-right on the invisible to the UL added 20px width.

Under the float

The margin is negative also our common flying wings, the holy Grail layout

Intermediate self-adapting both ends fixed

Margin-left the element to a negative current element to the left, Margin-right to the left will overwrite the current element with a negative element.

Under the Absolute

Margin is negative

Centers the element, provided it knows the width of the element.

div{

Position:absolute;

left:50%;

top:50%;

MARGIN-LEFT:-WIDTH/2;

Margin-top:-height/2

}

Margin is negative no matter under what conditions are to release their own space, if their own margin is not enough, to make their own wide-height contribution out.

Layout--Holy grail and double wing layout