CSS words and attributes

1. Float-floating layout: Set the floating Effect of block elements. Optional, left and right are commonly used. Width-width: determines the width of the box, so that the width of the box does not depend on the content. Height-Height: determines the height of the box itself; clear-clear: used to clear the floating effect set, common parameters both, left, right; margin-margin: controls the Margin Size around the border. It contains four attributes: margin-top controls the width of the top margin, margin-right controls the width of the right margin, margin-bottom controls the width of the bottom margin, and margin-left controls the width of the left margin. Padding-inner boundary: determines the number of spaces filled around the block element, the attribute "padding-top" controls the white-left width, padding-right controls the white-right width, padding-bottom controls the white-left width, and padding-left controls the white-left width.. 2. Border border-width: controls the Border width, which is divided into four attributes: border-top-width top Border width, border-right-width Right Border width, border-bottom-width Bottom Border width, and border-left-width Left Border width. Border-color: Set the color of each border. To display different colors on the four sides of the border, you can list them in settings. For example, P {: # ff0000 #009900 # 0000ff #55cc00} The browser understands the four colors as follows: Top border, right border, bottom border, and left border (clockwise from top ). Border-style: Set the border style. The options include none, dotted, dotted, dashed, and solid), double, Grove, ridge, inset, and outset. 3. CSS text attribute font-family-Font: when setting, consider whether the font is in the browser. Font-size-font size: Pay attention to the unit of measurement. Font-weight-font width: Except normal, bold, bolder, and lighter, there are also nine ways to set the unit of measurement in pixels. Font-style: font. Line-height-Row Height: line spacing. Note that the line spacing can only be set to the font size. Font-variant-deformation: the normal text can be displayed in uppercase in half size, but IE does not support this attribute currently. Text-transform-case: This attribute easily controls the case sensitivity of letters, including capitalize, uppercase, lowercase, and none, ignore all the inherited text and deformation parameters, and the text will be displayed in normal form. Text-Decoration-modifier: used to control the display form of link text, including underline, overline, line-through, and blink) and none (none, so that none of the above results will occur. However, ie4 does not support text flashing. 4. Background attributes Background-color-Background Color: Set the background color. Background-image-background image: Set the background image of the webpage. Background-repeat: controls the flattening method of the background image, including no-repeat and repeat. It is tiled horizontally and vertically) horizontal repetition (Repeat-X, image tiled along the horizontal direction) and vertical repetition (Repeat-y, tiled along the vertical direction of the image. Background-attachment-Additional: used to control whether the background image will scroll along with the page. There are two options: fixed (fixd, fixed background image quality when text is rolling) and rolling (scroll, background image scrolling along with text content. Background-position-horizontal position/vertical position: determines the horizontal and vertical positions of the background image. There are a total of left, right, top, bottom, center, and values (starting position of the custom background image, allows you to more accurately control the location of the background image. 5. Block attributes Word-spacing-word Spacing: used to control the distance between words. There are two options: normal and custom interval values. When the value is selected, the available units are inches (in), centimeters (CM), millimeters (mm), points (PT), 12pt words (PC), and fonts (EM) the font X has a high (Ex) pixel (PX ). Letter-spacing-letter Spacing: similar to the Character spacing, it also has two options: normal and custom interval values. Vertical-align-vertical align: controls the vertical position of a text or image relative to its parent element. If a 2x3 pixel GIF image is vertically aligned with the top of the parent element text, the GIF image is displayed on the top of the line text. Baseline: alignment the baseline of an element with the baseline of the parent element. subscripts (Sub: display the baseline of an element in the following format). superscript: displays the baseline of an element in the form of a baseline), top (align the top of the element with the highest parent element), text top (text-top, align the top of the element with the top of the parent element text), midline alignment (middle, align the midpoint of the element with the midpoint of the parent element), bottom (bottom, align the bottom of the element with the lowest parent element) and value (custom) and so on. Text-align-text alignment: sets the horizontal alignment of blocks. There are four options: Left, right, center, and justify. Text-indent-text indent: controls the degree of indentation of a block. White-space Spacing: in HTML, spaces are omitted; in CSS, properties (white-space) are used to control the input of spaces. There are three options: Normal, pre, and nowrap. 6. CSS absolute position attribute position-type: used to determine the positioning type. There are three options: absolute (absolute), relative (relative), and static (static. Z-index-Z axis: used to control the stacked order of block elements in a web page and set the overlapping effect for the elements. The parameter value of this attribute uses a pure integer. When the value is 0, the element is at the lowest level, applicable to absolute or relative positioning elements. Visibility-display: This property can be used to hide elements in a webpage, including inheritance (inherit, visibility settings of inherited parent elements), visibility, and hiding (hidden). Overflow-overflow: After the height and width of the element are determined, if the area of the element cannot fully display the content in the element, this attribute will take effect when a monk hits a day. Visible (visible, expanded area to show all content), hidden (hidden, hidden out-of-range content), scroll (scroll, display a scroll bar on the right of the element) and auto (when the content exceeds the element area, the scroll bar is displayed. "Positioning". When the absolute positioning type is determined for the element, this group of attributes determines the specific position of the element on the webpage. This group of attributes contains four sub-attributes: "Left" (attribute name: "Left", starting position on the left of the control element) and "TOP" (attribute name: "TOP ", starting position on the control element), "width", or "height" (same as the "width" or "height" attribute in the "box" attribute panel ). Clip-clip: After an element is specified as an absolute positioning type, this attribute can cut the element area into various shapes, but currently only one square is provided. The attribute value is rect (top right bottom left), that is, rect (top right bottom left). The Unit of the attribute value is any length unit. 7. CSS list List-style-type style: determines the symbols used before each item in the list. The symbols include disc, circle, square, and decimal) 8 types: lower-case Roman, upper-case Roman, lower-case lower-Alpha, and upper-case upper-Alpha. List-style-image-project image before the list: used to replace the symbols before the list into images. List-style-position: used to describe the position of the list. You can select either the inner (outside) or the outer (inside. The above is a summary of the CSS attributes of common CSS English words. You do not need to remember to spell them, but you must be able to know their attributes as soon as you see them, and the English word used when writing CSS. For more information, see the CSS manual with examples.