Heim >Web-Frontend >H5-Tutorial >H5-Lernreise im H5-Stil (5)

H5-Lernreise im H5-Stil (5)

黄舟
黄舟Original
2017-02-17 14:21:441284Durchsuche

So führen Sie Stile ein

Externes Stylesheet

Link rel = „stylesheet“ type = „text/css“ href = „mystyle.css“

Internes Stylesheet

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

Inline-Stylesheet

P style = „color:red“

Codebeispiel

<!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-Lernreise im H5-Stil (5)

So führen Sie Stile ein

Externes Stylesheet

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

Internes Stylesheet

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

Inline-Stylesheet

P style = "color: rot"

Codebeispiel

<!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-Lernreise im H5-Stil (5)

Das Obige ist der Stil der H5-Lernreise-H5 ( 5). Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn