Home > Article > Web Front-end > Four ways to write css

Four ways to write css

高洛峰Original: 2016-10-20 13:28:051374browse

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 &#39;my-common.css&#39;;    </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>

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：CSS detailed explanationNext article：CSS detailed explanation

See more

Four ways to write css

Related articles