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
1. Text formatting: This example demonstrates how...
html , address , blockquote , body , dd , div , d...
Table of contents Preface Centering inline elemen...
Document hints using the show-header attribute sh...
If there are any errors in this article or you ha...
Suppose a user management system where each perso...
The attributes of the <TD> tag are used to ...
I have never been able to figure out whether the ...
1. Write a split script (splitNginxLog.sh) * Beca...
This article shares the installation steps and us...
mysql-8.0.19-winx64 downloaded from the official ...
When newbies develop div+css, they need to name t...
First, clarify a few concepts: JDBC: Java databas...
/****************** * Advanced character device d...
LocalStorage stores Boolean values Today, when I ...