The default font size in the browser is 16px. It is recommended to set the smallest font to 12px and set it to an even number (2). (2) em: the unit of calculation relative to the parent is usually used for the first line indentation; Rem: HTML calculation relative to the root element; (4) PT: hardware device (printer) (3) Font type: attribute: Chinese characters with quotation marks recommended English words: attribute value Multiple words need to be quoted, only one can not use quotation marks note: In the browser, the Default Chinese is Microsoft Yahei; Win system 中文 is 宋体/ new 宋体 English arial (4) Attribute value: ① ITALic inclined; ② Oblique; C) normal D) normal (5) Font bold attribute: font-weight; Attribute value: ① Legal attribute value: bold; Bolder; Normal normal; ② Normal attribute value: range: 100 900 integer number: 100 500 normal; 600 900 bold; < span style = “box-sizing: border-box; color: RGB (74, 74, 74); line-height: 22px; font-size: 14px! Important; white-space: inherit! Important; word-break: inherit! Important;” Single line text ② line height > height ③ line height < height move up (2) text horizontal alignment: attribute: text-align attribute value: ① left align; ② Right align; Note: Center the text if the current container must have a width and height (block elements). The capitalize capitalize capitalize capitalize capitalize capitalize capitalize capitalize capitalize capitalize capitalize capitalize capitalize Color do not write font color attribute value: ① legal attribute value: English words ② hexadecimal: RGB (red, GREE,blue)0 255 ⑤ Rgba (red,green,blue,alpha]) The alpha in RGBA only sets transparency for a single property: (1) text-decoration property: (1) underline; Overline b. < span style = “box-sizing: border-box; color: RGB (50, 50, 50); line-height: 22px; font-size: 14px! Important; white-space: normal; word-break: break-word! Important;” Font weight font style font size/line height font family (1) Font-family: ‘Microsoft Yahei’, ‘Microsoft Yahei’, ‘Microsoft Yahei’, ‘Microsoft Yahei’, ‘Microsoft Yahei’, ‘Microsoft Yahei’ Background-color can be abbreviated to background (2) : Background-image :url() ① When the background image is larger than the container, only part of the image is displayed. ② When the background image is smaller than the container, the image is tiled by default. ③ When the background image is equal to the container, the image is displayed completely. Img structure import images in two ways :① HTML structure ② background-image: CSS style requires container support (3) background tile attribute: background-repeat: No-repeat /repeat/repeat-x/y (4) background-position: X y x x left right center y vertical direction :top bottom center Attribute values: (1) calculate the box size itself: content++ padding + border calculate the box size in the browser: Content + padding + border + margin Border-width: number + unit; ② Border color: same as text color; (3) border-style:solid(line) bounding (dotted line) dotted(line); ④ Direction border- direction value: top; Right; Bottom; Note: Clear the border in one direction; Border – direction value: none 9, list attributes set: (1) define list symbol style: List-style-type (2) use image as list symbol list-style-image:url() (3) define the list symbol position list-style-position :inside, outside (4) List-style :none (often written in reset.css)