9
: . . .
: CSS HTML- , .
: HTML-c CSS -.
:
- ?
- ?
- ?
- margin.?
- ?
- 2 ? .
- z-?
:
1. HTML- . . .
:
, , (border), (padding), (margin).
border | , . , , , . , border-top, border-bottom, border-left, border-right. : border-width - . border-style - | ||||||||||||||||||||||||||||||||||||||||||||
border-bottom | , . , , , . : border-width - . border-style - | ||||||||||||||||||||||||||||||||||||||||||||
border-bottom-color | . | ||||||||||||||||||||||||||||||||||||||||||||
border-bottom-style | . | ||||||||||||||||||||||||||||||||||||||||||||
border-bottom-width | . : thin - 2 medium - 4 thick - 6 , | ||||||||||||||||||||||||||||||||||||||||||||
border-color | . .
border-color: color {1,4}
, , , .
| ||||||||||||||||||||||||||||||||||||||||||||
border-left | , . , , , . | ||||||||||||||||||||||||||||||||||||||||||||
border-left-color | . | ||||||||||||||||||||||||||||||||||||||||||||
border-left-style | . | ||||||||||||||||||||||||||||||||||||||||||||
border-left-width | . | ||||||||||||||||||||||||||||||||||||||||||||
border-right | , . , , , . | ||||||||||||||||||||||||||||||||||||||||||||
border-right-color | . | ||||||||||||||||||||||||||||||||||||||||||||
border-right-style | . | ||||||||||||||||||||||||||||||||||||||||||||
border-right-width | . | ||||||||||||||||||||||||||||||||||||||||||||
border-style | . .
border-style. .
, , , . .
| ||||||||||||||||||||||||||||||||||||||||||||
border-top-color | . | ||||||||||||||||||||||||||||||||||||||||||||
border-top-style | . | ||||||||||||||||||||||||||||||||||||||||||||
border-top-width | . | ||||||||||||||||||||||||||||||||||||||||||||
border-width | . .
| ||||||||||||||||||||||||||||||||||||||||||||
border-top | , . , , , . | ||||||||||||||||||||||||||||||||||||||||||||
margin-top | . p {margin-top: 10px;} | ||||||||||||||||||||||||||||||||||||||||||||
margin-right | . | ||||||||||||||||||||||||||||||||||||||||||||
margin-bottom | . | ||||||||||||||||||||||||||||||||||||||||||||
margin-left | .
:
| ||||||||||||||||||||||||||||||||||||||||||||
margin | . . , . , , - . , , - , - .
:
| ||||||||||||||||||||||||||||||||||||||||||||
padding-top | p {padding-top: 20px} | ||||||||||||||||||||||||||||||||||||||||||||
padding-right | |||||||||||||||||||||||||||||||||||||||||||||
padding-bottom | |||||||||||||||||||||||||||||||||||||||||||||
padding-left |
:
| ||||||||||||||||||||||||||||||||||||||||||||
padding | . . , . , , - . , , , - . :
| ||||||||||||||||||||||||||||||||||||||||||||
outline-width | . . , . , , - . , , - , - . :
| ||||||||||||||||||||||||||||||||||||||||||||
outline-style | . . , . , , - . , , - , - . :
| ||||||||||||||||||||||||||||||||||||||||||||
outline-color | . . , . , , - . , , - , - . :
| ||||||||||||||||||||||||||||||||||||||||||||
outline | . . :
|
|
|
|
|
CSS HTML-.
CSS :
1. .
2. , .
position | . :
|
bottom | . position, relative ( ) absolute ( ). , (. 1), (. 2). . 1. bottom . 2. bottom . |
left | , , , (. 1). position. absolute, . relative, left . . 1. left |
right | , , , (. 1). position. absolute, . relative, right . . 1. right p {top: 20px; right: 40px} |
top | , , , (. 1). position. absolute, . relative, top .
. 1. top
:
|
z-index | z-, .
:
|
|
|
: