Study Notes css styles

size

  width: Width height: Height

background

  background-color background color background-image background image background-repeat tiled background  

  background-size background-position Background Background size positions

Fonts

   font-family font style, font size, font-size 12px 14px font-style: italic; italic inclined font-weight: thickness color: Font Color

  text-decoration: underline; the overline underline Strikethrough scribe line-through line can be used to remove none removed <a> </a> hyperlink underline

Alignment

  text-align: horizontal alignment line-height: Row Height text-indent: unit pixels indented

    line-height 与 vertical-align

      line-height adjustment primarily as the vertical alignment of the text, by providing a high line size

      vertical-align primarily as adjusted inline elements (span / img / input ..) the vertical alignment baseline top bottom middle text-top text -bottom  

Border border

  When margins margin on the left and right lower two properties, on behalf of the vertical and horizontal   inline elements can only adjust the margin-left margin-right. Adjust margin-top and margin-bottom is no good  

  Padding padding on the left and right lower if added padding, the element is increased accordingly

  border 1px solid red; represent style and color line thickness;

Show and hide

  display: none / block; Note (display: block may also be used to block is not a block element becomes the element)

List Box <ol> </ ol> <ul> </ ul>

  list-style: none foregoing list number removed

  list-style-image may be in front of the image into the serial number

Format and layout

  position

    Fixed position fixed positioned relative to the browser border

         absolute absolute positioning relative to the parent element (browser, absolute positioning superiors)

         relative position with respect to the relative positioning themselves should appear (Note: The original position after positioning reservation is not occupied)

    Distance from the bottom left of the distance below the top of the distance from the top right of the right left distance

  flow

    float left right left stream flow right

    clear all clear both streams left clear on the left to the right of the purge stream flow right

    z-index layered  need only after use position in front of the effect, the larger values against

Guess you like

Origin www.cnblogs.com/zqy6666/p/11785866.html