There are several ways to write css attributes

How to write CSS properties

CSS properties can be written in many ways, including:

Abbreviations

• background-color can be abbreviated to bgcolor
• ##font-family can be abbreviated to font

Case

CSS property names are not case-sensitive, but the convention is to use lowercase.

Connectors and CamelCase

Use connectors:
• background-color
Use camelCase :
• backgroundColor

Using prefixes

Some CSS properties have prefixes to indicate that they belong to a specific browser or version.

• -webkit-animation Prefix for WebKit browsers
• -moz-transform Prefix for Mozilla browsers

Using Variables

You can use CSS variables to store and reuse property values.

<code class="css">:root {
  --primary-color: red;
}

body {
  color: var(--primary-color);
}</code>

Priority

Different CSS property writing methods have different priorities:

Inline styles take precedence over external style sheets Higher level
• Importance statement (
• !important) Highest priority

The above is the detailed content of There are several ways to write css attributes. For more information, please follow other related articles on the PHP Chinese website!