ホームページ >ウェブフロントエンド >H5 チュートリアル >H5 学びの旅～H5 スタイル (5)
H5 学びの旅～H5 スタイル (5)
- 黄舟オリジナル
- 2017-02-17 14:21:441277ブラウズ
スタイルの導入方法
外部スタイルシート
link rel = “stylesheet” type = “text/css” href = “mystyle.css”
内部スタイルシート
style type = “text/css” body {background-color:red} p{margin-left:20px} style
インラインスタイルシート
P style = “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>レンダリング
style 導入方法
外部スタイルシート
link rel = “stylesheet” type = “text/css” href = “mystyle.css”
内部スタイルシート
style type = “text/css” body {background-color: red} p {margin-left:20px} style
inline stylesheet
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 の学習行程です - H5 style の内容 ( 5)、その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) にご注意ください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。