<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style type="text/css">
h1{background:red;}
/*這是Css注釋*/
p{color:greenyellow;}
div{font-size: 30px;}
.one{color: yellow;}
#two{font-size: 40px;}
#bgimg{background-image:url("Demo_png.png");}
</style>
<link rel="stylesheet" type="text/css" href="Demo_css.css"></link>
</head>
<body>
<h1>四川信息職業技術學院</h1>
<p>貴州赤水市</p>
<div>四川瀘州<div>
<div class="one">hello world</div>
<span id="two">你好世界</span>
<!--id在該頁面有且只有一個，大部分在js中使用-->
<!--class可以多次出現，css中多使用-->
<p style="color:red;">行內樣式css展示</p>
<s>外鏈式css展示</s>
<div class="bg">背景顏色</div>
<div id="bgimg">背景圖片</div> <br>
<div>演示效果</div>
<div>演示效果</div>
<div>演示效果d</div>
<span>演示效果s</span>
<span>演示效果</span>
<span>演示效果</span>
</body>
</html>
-----------------------------------------------------------------------------------------------
@charset "utf-8";
/* CSS Document */
s{color: darkorchid;}
.bg{width:100px;height:auto;background:#4EAD79;}
#bgimg{width:500px;height:500px;background:red; background-image:url("Demo_png.png");background-repeat:no-repeat; background-position: center;}/*背景平鋪，不平鋪*/