CSS Disclosure (Introduction)

1, the development process of the standard

A personnel structure: Members of the company, invited experts, and the staff of the Consortium

b Although "CSS3" is very popular, it is not actually defined in any specification. It actually refers to an informal collection that includes the third version of the CSS specification plus some version numbers or a new specification of 1.

2. CSS Coding Skills

A Minimize code duplication

B Believe in your eyes, not numbers.

C Recommendations for responsive web design

Use percent lengths instead of fixed widths, and try using viewport-related units (VW, VH, Vmin, and Vmax), and use max-width instead of width when you need to get a fixed width at a larger resolution, because it adapts to smaller resolutions without using media queries ; Do not forget to set a max-width for the replacement Element (IMG, object, video, IFRAME, etc.) with a value of 100%, if the background picture needs to be completely covered with a container, regardless of the size of the container, Background-size:cover This property can be done, when the picture or other elements in the determinant layout, let the width of the viewport to determine the number of columns. Flexible layout or display:inline-block with regular text wrapping behavior, can be implemented, when using multi-column text, make column-width instead of specifying Column-count, so you can automatically display as a single column layout on a smaller screen General idea: do your best to achieve a flexible and scalable layout, and specify the appropriate dimensions within each breakpoint range of the media query (which needs to be carefully pondered).

D Fair Use shorthand

A slash (/) is required between background-size and background-position in background, since (50% 50%) Such a value is indeterminate for the parser. Background-size This attribute must be defined after background-position and delimited with the '/' symbol.

E Pre-processor

The problem is that the file size and complexity of the CSS can get out of control, the debugging difficulty increases, the collaborators learn the cost, and the abstract leak rule: all the big abstractions are leaking in some way (i.e. they have their own bugs).

　　

CSS Disclosure (Introduction)