HTML，CSS，JS之間的關係

時間 2019-11-21

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

原文原文鏈接

HTML，CSS，JS之間的關係javascript

本筆記是本身在瀏覽了各位前輩後拼湊總結下來的知識，供本身使用消化。後面會附上各類連接地址，尊重原創css

最準確的網頁設計思路是把網頁分紅三個層次，即：結構層(HTML)、表示層(CSS)、行爲層(Javascript)。
1、HTML、CSS、JavaScript簡介及簡單分工
一、什麼是HTML（超文本標記語言 Hyper Text Markup Language），HTML 是用來描述網頁的一種語言。
二、CSS(層疊樣式表 Cascading Style Sheets),樣式定義如何顯示 HTML 元素，語法爲：selector {property：value} (選擇符 {屬性：值})
三、JavaScript是一種腳本語言，其源代碼在發往客戶端運行以前不需通過編譯，而是將文本格式的字符代碼發送給瀏覽器由瀏覽器解釋運行
對於一個網頁，HTML定義網頁的結構，CSS描述網頁的樣子，JavaScript設置一個很經典的例子是說HTML就像一我的的骨骼、器官，而CSS就是人的皮膚，有了這兩樣也就構成了一個植物人了，加上javascript這個植物人就能夠對外界刺激作出反應，能夠思考、運動、能夠給本身整容化妝（改變CSS）等等，成爲一個活生生的人。html

若是說HTML是肉身、CSS就是皮相、Javascript就是靈魂。沒有Javascript,HTML+CSS是植物人，沒有Javascript、CSS是個毀容的植物人。
若是說HTML是建築師，CSS就是幹裝修的，Javascript是魔術師。java

來自 <http://www.cnblogs.com/dreamingbaobei/p/5062901.html> 程序員

一個基本的網站包含不少個網頁，一個網頁由html, css和javascript組成。編程

html介紹瀏覽器

html是用來描述網頁的一種語言，它不是一種編程語言，而是一種標記語言（標記標籤），總的來講，html使用標記標籤來描述網頁，本文就用標籤來代替標記標籤進行說明。服務器

標籤是指<html></html>，<div></div>。網絡

標籤是有語義的：標題用<h1>，表格展現用<table>，連接用<a>，無序排列用<ul>等等。框架

標籤裏可帶有各種屬性，最基本的就是class和id。class屬性的做用是引用css樣式；id的做用是配合javascript使用，具備惟一性。下面舉幾個例子說明

圖片標籤<img>的主要屬性有src，alt。src是引用圖片的網絡地址（必要）；alt是對這張圖片的描述，若是圖片加載不成功，則會顯示alt的文字。

l超連接<a>的主要屬性有href，target。href是指連接要跳轉的網址（必要）；target是告訴瀏覽器點擊這個連接後要以哪一種形式找開窗口，target=」_blank」是指打開一個新窗口

若想了解更多關於html的資料，請點擊這裏。

css介紹

css的官方名字叫層疊樣式表，它的出現是爲了解決內容和表現分離的問題，通常存放在.css文件裏。

使用css，可在html的頭元素<head>裏書寫，或者書寫在CSS文件並在html裏引用該文件。

css優先權，多個css樣式可集中在單個html標籤裏，出現這種狀況時，通常按優先權劃分

瀏覽器默認設置（最低）
外部樣式表
內部樣式表（寫在html的<head>標籤內部）
內聯樣式（寫在html的標籤裏，即style屬性）（最高）

css的語法。
css由兩個主要部分組成，選擇器，一條或多條聲明。
選擇器是指css樣式的名字「.seletor」，名字前面要帶上一點「.」。聲明是由屬性和值組成，給個例子「margin: 0 auto」，冒號前面是屬性，後面是值，該例子是定義元素居中顯示。
具體的屬性和值可點擊這裏。

javascript介紹
javascript是腳本語言，它是鏈接前臺（html）和後臺服務器的橋樑，它是操縱html的能手，本文用js代替javascript進行說明。
平時聽到原生js，js庫，js框架，js插件等等，下面簡單說明一下。
原生js，是指最基礎的js，沒有封裝過，但由於各瀏覽器對js的支持不一樣，就致使用基礎的js編程須要爲不一樣的瀏覽器寫兼容代碼。
Js庫，js框架，是指集成一系列dom操做，API封裝，界面UI封裝的的庫類，常見的有jQuery，extjs等等，這方面的定義比較難區分，暫不誤導你們
Js插件，就是集成了幫助程序員輕鬆完成功能的程序。Js插件用得比較多，網頁製做上隨處可見。如圖片輪換功能，導航製做，上傳圖片等等。

來自 <http://blog.csdn.net/u011057439/article/details/53893411>