The significance of writing order Reduce browser reflow and improve browser rendering DOM performance The parsing of CSS style to display on the browser screen occurs in steps Priority first - positioning attributes: { display specifies the type of box that an element should generate. position Positioning specifies the positioning type of an element. float Specifies whether the box should float. left top right bottom overflow specifies what happens when content overflows the element's box. clear Clears the stacking order of the z-index set element. content list-style visibility visibility/display} Priority 2 - own attributes: { width height border padding margin background } Priority 3 - Text Style: { font-family font-size font-style Specifies the font style of the text. font-weight font-variant Specifies whether to display text in small caps font color } Priority 4 - Text attributes: { text-align specifies the horizontal alignment of text. vertical-align Sets the vertical alignment of an element. text-wrap specifies the line breaking rules for text. text-transform controls the case of text. text-indent specifies the indentation of the first line of a text block. text-decoration Specifies decorations to add to text. letter-spacing sets the character spacing. word-spacing sets the word spacing. white-space Specifies how whitespace within an element is handled. text-overflow specifies what happens when text overflows the containing element. } Priority 5 - New attributes added in CC3: { box-shadow adds one or more shadows to a box. cursor Specifies the type (shape) of cursor to be displayed. border-radius background:linear-gradient transform... Applies a 2D or 3D transformation to an element. } CSS code naming conventions
CSS Code Notes
Summarize This is the end of this article about CSS style writing order and naming standards. For more relevant CSS writing order command standards, please search 123WORDPRESS.COM’s previous articles or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future! |
<<: Explanation of nginx load balancing and reverse proxy
In fact, it is not difficult to build an Apache c...
CPU Load and CPU Utilization Both of these can re...
Adding indexes can improve query efficiency. Addi...
1. Use the <nobr> tag to achieve no line bre...
This article shares the specific code of Vue to i...
Table of contents 1. Database Overview 1.1 Develo...
Table of contents What is a mind map? How to draw...
Nginx is configured with the same domain name, wh...
Requirement: When displaying data in a list, ther...
Table of contents System update configuration Cha...
Table of contents 1 redis configuration file 2 Do...
Table of contents Why do we need Docker? Docker d...
First, we need a server with Docker installed. (I...
Table of contents Typical Cases Appendix: Common ...
Solution to 1449 and 1045 exceptions when connect...