目錄
無格式
<html>
<head>
<title>體驗CSS</title>
</head>
<body>
<h1>互聯網發展的起源</h1>
<p>1969年，爲了保障通信聯絡，美國國防部高級研究計劃署ARPA資助建立了世界上第一個分組交換試驗網ARPANET，連接美國四個大學。ARPANET的建成和不斷髮展標誌着計算機網絡發展的新紀元。</p>
<p> 20世紀70年代末到80年代初，計算機網絡蓬勃發展，各種各樣的計算機網絡應運而生，如MILNET、USENET、BITNET、CSNET等，在網絡的規模和數量上都得到了很大的發展。一系列網絡的建設，產生了不同網絡之間互聯的需求，並最終導致了TCP/IP協議的誕生。 </p>
</body>
</html>
圖文並茂
<html>
<head>
<title>體驗CSS</title>
</head>
<body>
<h1>互聯網發展的起源</h1>
<img src="cup.gif" width="128" height="128"/>
<p>1969年，爲了保障通信聯絡，美國國防部高級研究計劃署ARPA資助建立了世界上第一個分組交換試驗網ARPANET，連接美國四個大學。ARPANET的建成和不斷髮展標誌着計算機網絡發展的新紀元。</p>
<p> 20世紀70年代末到80年代初，計算機網絡蓬勃發展，各種各樣的計算機網絡應運而生，如MILNET、USENET、BITNET、CSNET等，在網絡的規模和數量上都得到了很大的發展。一系列網絡的建設，產生了不同網絡之間互聯的需求，並最終導致了TCP/IP協議的誕生。 </p>
</body>
</html>
標題h1格式
<html>
<head>
<title>體驗CSS</title>
<style>
h1{
color:white; /* 文字顏色*/
background-color:#0000FF; /* 背景色 */
text-align:center; /* 居中 */
padding:15px; /* 邊距 */
}
</style>
</head>
<body>
<h1>互聯網發展的起源</h1>
<img src="cup.gif" width="128" height="128"/>
<p>1969年，爲了保障通信聯絡，美國國防部高級研究計劃署ARPA資助建立了世界上第一個分組交換試驗網ARPANET，連接美國四個大學。ARPANET的建成和不斷髮展標誌着計算機網絡發展的新紀元。</p>
<p> 20世紀70年代末到80年代初，計算機網絡蓬勃發展，各種各樣的計算機網絡應運而生，如MILNET、USENET、BITNET、CSNET等，在網絡的規模和數量上都得到了很大的發展。一系列網絡的建設，產生了不同網絡之間互聯的需求，並最終導致了TCP/IP協議的誕生。 </p>
</body>
</html>
圖片img格式
<html>
<head>
<title>體驗CSS</title>
<style>
h1{
color:white; /* 文字顏色*/
background-color:#0000FF; /* 背景色 */
font-size:25px; /* 字號 */
font-weight:bold; /* 粗體 */
text-align:center; /* 居中 */
padding:15px; /* 間距 */
}
img{float:left;
border:1px #9999CC dashed;
margin:5px;
}
</style>
</head>
<body>
<h1>互聯網發展的起源</h1>
<img src="cup.gif" width="128" height="128"/>
<p>1969年，爲了保障通信聯絡，美國國防部高級研究計劃署ARPA資助建立了世界上第一個分組交換試驗網ARPANET，連接美國四個大學。ARPANET的建成和不斷髮展標誌着計算機網絡發展的新紀元。</p>
<p> 20世紀70年代末到80年代初，計算機網絡蓬勃發展，各種各樣的計算機網絡應運而生，如MILNET、USENET、BITNET、CSNET等，在網絡的規模和數量上都得到了很大的發展。一系列網絡的建設，產生了不同網絡之間互聯的需求，並最終導致了TCP/IP協議的誕生。 </p>
</body>
</html>
正文p格式
<html>
<head>
<title>體驗CSS</title>
<style>
h1{
color:white; /* 文字顏色*/
background-color:#0000FF; /* 背景色 */
font-size:25px; /* 字號 */
font-weight:bold; /* 粗體 */
text-align:center; /* 居中 */
padding:15px; /* 間距 */
}
img{float:left;
border:1px #9999CC dashed;
margin:5px;
}
p{
font-size:12px;
text-indent:2em;
line-height:1.5;
padding:5px;
}
</style>
</head>
<body>
<h1>互聯網發展的起源</h1>
<img src="cup.gif" width="128" height="128"/><p>1969年，爲了保障通信聯絡，美國國防部高級研究計劃署ARPA資助建立了世界上第一個分組交換試驗網ARPANET，連接美國四個大學。ARPANET的建成和不斷髮展標誌着計算機網絡發展的新紀元。</p>
<p> 20世紀70年代末到80年代初，計算機網絡蓬勃發展，各種各樣的計算機網絡應運而生，如MILNET、USENET、BITNET、CSNET等，在網絡的規模和數量上都得到了很大的發展。一系列網絡的建設，產生了不同網絡之間互聯的需求，並最終導致了TCP/IP協議的誕生。 </p>
</body>
</html>
body格式
<html>
<head>
<title>體驗CSS</title>
<style>
body{margin:0px;
background-color:#CCCCFF;
}
h1{
color:white; /* 文字顏色*/
background-color:#0000FF; /* 背景色 */
font-size:25px; /* 字號 */
font-weight:bold; /* 粗體 */
text-align:center; /* 居中 */
padding:15px; /* 間距 */
}
img{float:left;
border:1px #9999CC dashed;
margin:5px;
}
p{
font-size:12px;
text-indent:2em;
line-height:1.5;
padding:5px;
}
</style>
</head>
<body>
<h1>互聯網發展的起源</h1>
<img src="cup.gif" width="128" height="128"/><p>1969年，爲了保障通信聯絡，美國國防部高級研究計劃署ARPA資助建立了世界上第一個分組交換試驗網ARPANET，連接美國四個大學。ARPANET的建成和不斷髮展標誌着計算機網絡發展的新紀元。</p>
<p> 20世紀70年代末到80年代初，計算機網絡蓬勃發展，各種各樣的計算機網絡應運而生，如MILNET、USENET、BITNET、CSNET等，在網絡的規模和數量上都得到了很大的發展。一系列網絡的建設，產生了不同網絡之間互聯的需求，並最終導致了TCP/IP協議的誕生。 </p>
</body>
</html>
ID選擇器的優先級低於標記選擇器
<html>
<head>
<title>體驗CSS</title>
<style>
body{margin:0px;
background-color:#CCCCFF;
}
h1{
color:white; /* 文字顏色*/
background-color:#0000FF; /* 背景色 */
font-size:25px; /* 字號 */
font-weight:bold; /* 粗體 */
text-align:center; /* 居中 */
padding:15px; /* 間距 */
}
img{float:left;
border:1px #9999CC dashed;
margin:5px;
}
p{
font-size:14px;
text-indent:2em;
line-height:1.5;
padding:5px;
}
#p1{
border-right:4px red double ;
}
#p2{
border-right:4px orange double ;
}
</style>
</head>
<body>
<h1>互聯網發展的起源</h1>
<img src="cup.gif" width="128" height="128"/><p id="p1">1969年，爲了保障通信聯絡，美國國防部高級研究計劃署ARPA資助建立了世界上第一個分組交換試驗網ARPANET，連接美國四個大學。ARPANET的建成和不斷髮展標誌着計算機網絡發展的新紀元。</p>
<p id="p2"> 20世紀70年代末到80年代初，計算機網絡蓬勃發展，各種各樣的計算機網絡應運而生，如MILNET、USENET、BITNET、CSNET等，在網絡的規模和數量上都得到了很大的發展。一系列網絡的建設，產生了不同網絡之間互聯的需求，並最終導致了TCP/IP協議的誕生。 </p>
</body>
</html>