Home > Article > Web Front-end > Briefly describe the four ways of writing css
Briefly describe the four ways of writing css
- 巴扎黑Original
- 2017-03-14 11:55:052553browse
##Priority: External style < Internal style sheet < Inline style sheet;
Priority, that is: the right side of the selector with the same name will Override the left side
1. Internal style sheet
<head>
<style>
/*内部样式表，一般用于覆盖公用样式*/
＃headTip {
color: 0xff5;
}
</style>
</head>
2. Use the link tag in the document Declaring the use of external resources is the most common way.
The @CHAR
SET="utf-8"; that specifies the encoding of the css external style sheet needs to be placed on the first line.
<head>
<link href="./my-common.css" rel="stylesheet" media="screen" type="text/css"/>
</head>
3.@ method, introduce css. Note that this is loaded asynchronously. It is loaded after the entire html is loaded, which will cause the page to flicker. Not recommended.
<head>
<style>
@import 'my-common.css';
</style>
</head>
4. Inline style sheets have the highest priority and are the most straightforward, but they cannot be reused and are not easy to maintain.
<body>
<input type="text" style="color:0x550;font-size:30px;"/>
</body>
The above is the editor’s brief discussion on the four writing methods of CSS (a must-read article). I hope everyone Duoduo supports Script House~
The above is the detailed content of Briefly describe the four ways of writing css. For more information, please follow other related articles on the PHP Chinese website!