Location and Background Properties

Location attribute
position
relative relative positioning
using the top left bottom, the relative position deviation can be achieved

absolute absolute positioning
elements will be out of the document flow
in fact, relative to body positioning
if the parent set positioning properties of this element will be positioned relative to the parent

fixed fixed positioning
regardless of the parent has no positioning is relative to the browser window positioning

inherit inherited his father level positioning attributes

opacity: transparency 0.5 general transparency


positioned level
default later written will be ranked above the
z-index: setting level number larger the above

suspension menu bar
fixed positioning can be achieved suspension menu

suspension browser horizontally centered with respect to Browse box

 

Background Properties

 

Background properties
backgroud-color: Color

 

backgroud-image: Background image url (picture address)

 

backgroud-repeat: repeat tile picture of how Arctic
repeat-x: x-axis only repeat
repeat-y: y-axis only repeat
no-repeat: only one tile
repeat: all of tiled

 


backgroud-position: set the background image position
left top: top left default
center center: middle

level left center right
vertical top center bottom
so nine species

10px 20px upper right according to the position of the origin + xpx

 

backgroud-attachment: set the background image is fixed with the page scroll or
fixed fixed

 


The combined written as:
Example: backgroud: url (image / bg.jpg ) -20px 10px no-repeat cyan;
image position number Color Tile

 

Guess you like

Origin www.cnblogs.com/fuyi2345/p/11391742.html