Priority: External style
Priority, that is: the right side of the selector with the same name will cover the left side
1. Internal style sheet
<head>
<style>
/*内部样式表，一般用于覆盖公用样式*/
＃headTip {
color: 0xff5;
}
</style></head>2. Use the link tag to declare the use of external resources in the document, the most commonly used a way.
The @CHARSET="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>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
