CSS styles, borders and borders, formatting and layout

1, size:width: wide; Heigh: High

2, background:1) background-color: Background color

2) background-image: Background image URL Path

3) Background-repeat: How the pictures are tiled. No-repeat: Uneven, repeat: tiled, repeat-x: Horizontal tile, repeat-y: Vertical tile

4) Background-position: Picture position. Center,left,right,top,bottom;eg: Top left: 20px top 20px

5) Background-attachment: Whether the background scrolls with the scroll bar. Fixed: Figure fixation, scroll bar movement. Scroll: The picture moves with the scroll bar

6) Background-size: The size of the picture

3, font:1) font-family: Font style, universal Microsoft Ya Hei, song body

2) Font-size: Font size (in pixels)

3) Font-weight:bold Bold

4) Color: Font Color

5) Font-style:italic Tilt

6) Text-decoration:underline: underline, Overline: underline, Line-through: Strikethrough, none: No underline basic for removing the underline of hyperlinks

4, Alignment:1) text-align: horizontal alignment Center,left,right

2) Vertical-align: Vertical alignment top,bottom,middle with row height to achieve vertical alignment

3) lineheight: Row height

4) Text-indent: First line indent, expressed in pixels

<title> Untitled Document </title><style type="Text/css">#a {width:600px; height:1200px; background-color: #09F; background-image:url (3493a9cb04c2c33b-858fc65577150bf6-919559d39712ddfd37f2e7e9cdbc369a.jpg); Background-repeat:no-Repeatbackground-position:left 20px Top 20px;background-attachment:scroll; background-size:300px 200px;font-family: Microsoft Jas Black; font-size:16px;color:# the; font-Weight:bold;font-Style:italic;text-align:center;vertical-Align:middle;line-height:1200px;}</style>"a">Test Text<a style= "Text-decoration:none;" href="#">shouye</a> </div> <p style="text-indent:30px"> Everyone loves Shanghai rich deterioration wow oh can't subculture everybody love Shanghai rich deterioration wow oh can't subculture everybody love Shanghai rich worsen wow oh can't subculture everybody love Shanghai rich worsen wow oh can't subculture everybody love Shanghai rich deterioration wow oh can't subculture everybody love Shanghai rich worsen wow oh can't subculture everybody love Shanghai rich worsen wow oh can't subculture everybody love Shanghai is deteriorating wow oh can't subculture big Home love Shanghai Rich worsen wow oh can't subculture everybody love Shanghai rich worsen whoa oh can't be the second wen we love Shanghai is deteriorating wow oh can't subculture everybody love Shanghai is deteriorating wow Oh no sub culture </p> </body>

borders and Borders : 1, margin: margin. Margin-top (left/right/bottom): Top margin or margin:10px 0px 0px 10px. if margin:10px means that each border is 10px away

2, padding: inner margin. Represents the content within this element and his distance. the element correspondingly becomes larger. Usage is the same as margin

3, Border (border): 1px (Border thickness) solid (border style) #F0F (border color)

can also be divided:border-width:5px;border-style:solid;border-color: #963

Border-top (left,right,bottom): 5px dashed #FF6666; top border

. text{width:200px;  height:200px;   border:5px Solid #0FF}class="text"></div>

separate border  . text{width:200px;   height:200px;    Border-top:5px dashed #FF6666;  Border-bottom:10px solid #0F3;  Border-right:5px dashed #0033CC;  Border-left:10px solid     }</style>
Use boundary properties to complete colored squares
. text{width:0px;   height:0px;   Border-top:100px solid #0F0;   Border-bottom:100px solid #C33;   Border-left:100px solid #CF6;   Border-right:100px solid #03F;}    class="text"></div>
format and layout: 1, Position:1) Absolute: absolute position, current element relative to the bounds of the browser
2) Fixed: Stationary position, does not move with the scroll bar
3) Relative: relative positioning, relative to the position that the element should appear.
Top,left,right,bottom (pixels can be positively negative)
2, Flow: Float:left left, right flow
Truncation: <div sytle= "Clear:both" ></div>
3, Z-index: The greater the value, the higher the control level
CSS styles, borders and borders, formatting and layout