python whole stack development _day46_html text labels

Length and width:
width
heigth

font property
font-Family
font-size
font-weigth

background
background color
background image
if the background image is smaller than the size of the area where the default so
that covered the entire area
can be controlled by specifying parameters are covered
no- REPEAT
REPEAT X-
REPEAT-Y
Center Center
15px 20px

backgroud: background color background image if the position of confluence

text attribute
text-align = left: Center;

text-Decoration: none; is mainly used to remove a label carrying underlined

text-indent: 48px; a first line indent

ul {list-style-type: none}



border
border-style
border-size
border Color-

border: 3px Red Solid;
border-left: 3px Red Solid;
border-Top: Solid Red 3px;
right-border: 3px Red Solid;
border-bottom: 3px Red Solid;


the display
div {the display: none} does not occupy displayed
inline
Block
inline line of tag-Block allows the length and width can be provided

Circle
div {border-radius: 50 %;}




box model
margin: used to adjust (the distance between the tag and the tag) the distance between the box and the box
border: thickness of the packaging box (frame)
padding: the distance between the cartridge and the interior of the object (border between the text and distance)
content: size of the object (text)


float
as long as the page layout will be used in a floating

affect float brought:
from the document flow, causing the collapse of the parent tag


positioning
relative positioning: relative to the label itself to its original position
absolute positioning: relative has positioning over the parent label (millet cart)
fixed positioning: relative to the browser window is fixed at a certain position (back to top)


whether from the document flow:
from the document flow:
1. floating
2. absolute positioning
3 fixed positioning

without departing from the document flow:
1. The relative positioning

Guess you like

Origin www.cnblogs.com/xuxingping/p/10971433.html