Html和CSS的關係

時間 2019-12-10

標籤 html css 關係欄目 HTML 简体版

原文原文鏈接

學習web前端開發基礎技術須要掌握：HTML、CSS、JavaScript語言。下面咱們就來了解下這三門技術都是用來實現什麼的：css

1. HTML是網頁內容的載體。內容就是網頁製做者放在頁面上想要讓用戶瀏覽的信息，能夠包含文字、圖片、視頻等。html

2. CSS樣式是表現。就像網頁的外衣。好比，標題字體、顏色變化，或爲標題加入背景圖片、邊框等。全部這些用來改變內容外觀的東西稱之爲表現。前端

3. JavaScript是用來實現網頁上的特效效果。如：鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。能夠這麼理解，有動畫的，有交互的通常都是用JavaScript來實現的。web

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; 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>