css折疊樣式（1）――使用css樣式的三種方式
- 黄舟原創
- 2016-12-28 15:59:042152瀏覽
一、css的聲明標籤是告訴瀏覽器應該是用什麼形式去解析你，一般為： 因為html5支援向下相容，詳細可看上圖。
二、css樣式的使用方式：
（1）內鏈樣式表：
demo.html
<!DOCTYPE html>
<html>
<head>
<title>内链样式使用</title>
<meta charset="utf-8">
</head>
<body style="background-color:green; margin:0; padding:0;">
<h1>内链样式使用</h1>
<div style="background-color:red;font-size:20px;">
内链样式使用
<div>
</body>
</html>（2）嵌入式樣式表：
demo.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>嵌入式样式</title>
<style type="text/css">
<!--HTML标记定义 -->
body{
background:yellow;font-size:20px
}
div{
background:red;font-size:40px
}
</style>
</head>
<body>
<h1>嵌入式样式</h1>
<div>嵌入式样式</div>
</body>
</html>（2）引入式樣式表：
demo.html
<!DOCTYPE html>
<html>
<head>
<title>引入式样式</title>
<meta charset="utf-8">
<!--style.css就是指定的样式，href为指定路径作用-->
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>引入式样式</h1>
<a href="http://www.baidu.com" target="_blank">百度</a>
<br>
<p>引入式样式</p>
<div>css的html选择器</div>
</body>
</html>style.css
/* HTML样式定义 */
body{
background-color:yellow;
color:#fff
}
div{
background:red;font-size:20px
}以上就是css折疊樣式（1）――使用css樣式的三種方式的內容，更多相關內容請關注PHP中文網（www.php.cn）！ 陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn