H5 학습여정-H5 스타일 (5)-H5 튜토리얼-php.cn

H5 학습여정-H5 스타일 (5)

黄舟

풀어 주다： 2017-02-17 14:21:44

원래의

1185명이 탐색했습니다.

스타일 소개 방법

외부 스타일 시트

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

내부 스타일 시트

스타일 유형 = “text/css” body { background-color:red} p{margin-left:20px} 스타일

인라인 스타일 시트

P 스타일 = “color:red”

코드 예시

<!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>

로그인 후 복사

렌더링

H5 학습여정-H5 스타일 (5)

방법 스타일 소개

외부 스타일 시트

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

내부 스타일 시트

스타일 유형 = “text/css” body { background-color:red} p{margin-left:20px} 스타일

인라인 스타일 시트

P 스타일 = “color :red”

코드 예시

<!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>

로그인 후 복사