此節,應該上手寫第一個Web網頁Hello World,這在之前學習HTML基礎的時候已經寫過了,這裏不多說。
本節,主要看一下HTML和CSS之間是怎麼協同工作的。
話不多說直接上代碼
例:爲Hello World添加樣式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Html和CSS的關係</title>
<style type="text/css">
h1{
font-size:12px; /* 字體大小 */
color:#930; /* 字體顏色 */
text-align:center; /* 字體居中 */
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
總結:
1、css是用來修飾html樣式的
2、html本身是有一些默認樣式,如果我們想改變html標籤的樣式,就需要藉助css
3、html+css構成了我們網頁的基本頁面結構和樣式