简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Home
Article
Q&A
Course
Topic
Download
Game
Dictionary
Recent Updates

Home  >  Article  >  Web Front-end  >  H5 learning journey-H5 style (5)

H5 learning journey-H5 style (5)

黄舟
黄舟Original
2017-02-17 14:21:441183browse

How to introduce styles

External style sheet

link rel = “stylesheet” type = “text/css” href = “mystyle.css”

Internal style sheet

style type = “text/css” body { background-color:red} p{margin-left:20px} style

Inline style sheet

P style = “color:red”

Code example

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5样式</title>
    <link rel="stylesheet" type="text/css" href="myStyle.css">
    <style type="text/css">
        p{            color: blue;        }
    </style></head><body>
    <h1>标题1</h1>
    <p>欢迎刘朋</p>
    <a href="http://www.baidu.com" style="color: chartreuse;">点击我跳转</a></body></html>

Rendering

H5 learning journey-H5 style (5)

How to introduce styles

External style sheet

link rel = “stylesheet” type = “text/css” href = “mystyle.css”

Internal style sheet

style type = “text/css” body { background-color:red} p{margin-left:20px} style

Inline style sheet

P style = “color :red”

Code example

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5样式</title>
    <link rel="stylesheet" type="text/css" href="myStyle.css">
    <style type="text/css">
        p{            color: blue;        }
    </style></head><body>
    <h1>标题1</h1>
    <p>欢迎刘朋</p>
    <a href="http://www.baidu.com" style="color: chartreuse;">点击我跳转</a></body></html>

Rendering

H5 learning journey-H5 style (5)

## The above is the content of H5 learning journey-H5 style (5) , for more related content, please pay attention to the PHP Chinese website (www.php.cn)!



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：H5 learning journey-H5 formatting (4)Next article：H5 learning journey-H5 formatting (4)

Related articles

See more