1、介紹
HTML、CSS、JavaScript可以說是學習web的三門最基礎的語言。是我們進入web世界的初始技能。
下面先分別介紹他們再說說他們之間的關係
1）、什麼是HTML
HTML是Hypertext Markup Language超文本標記語言的英文縮寫。
HTML 不是一種編程語言，而是一種標記語言 (markup language)。
web開發者使用HTML的一系列標籤來描述網頁。
2）、什麼是CSS
CSS是Cascading Style Sheets指層疊樣式表的英文縮寫。
web開發者用CSS定義如何顯示 HTML 元素。
3）、什麼是JavaScript
JavaScript 是世界上最流行的腳本語言。
JavaScript 被設計爲向 HTML 頁面增加交互性。
4）、聯繫
總的來說最基本的是HTML，它首先定義了一個網頁最基本的東西——網頁的結構和內容，相當於一個人的骨架和組成部分；而CSS定義樣式，即實現HTML元素的不同的外觀，大小等，相當於決定一個人的外貌；JS則是保證了網頁的交互性，相當於一個人與外界交際一樣。
一般的文件組織形式是，html文件僅僅寫最簡單的結構和內容元素，元素的所有樣式都寫在CSS文件文件中。這樣做的目的是爲了讓內容與表現分離，極大提高工作效率。
很明顯，CSS和JS是基於HTML的，因此說最基本的是HTML。
本文先講一講部分基本的CSS元素,內容可能有點散，請見諒！
2、CSS樣式的插入方式
CSS樣式有兩種插入方式，第一種是直接插入，用<style>標籤直接在HTML文件中編寫，第二種 是額外寫一個文件，然後用外鏈接插入。
外鏈接的基本語法是：
<link href="filename" type="text/css" rel="stylesheet" media="screen" />注意<link>在<head>中定義。
出於關注點分離的目的，永遠不要寫第一種。
因爲樣式和結構是兩種不同的東西，必須放在不同的位置。
3、basic CSS element
1）、基本語法
selector {
property 1: value 1;
…
property n: value n;
}2）、color property:
定義被選擇元素的顏色。color有三種表示方式，分別是用名字、RGB值和#十六進制值
3）、background-color property：
定義被選擇元素的背景色
4）、關於font字體的一些基本性質：
font-family——字體類型（注：一些泛的字體類型：serif, sans-serif, monospace, cursive）
font-size——字體大小（單位：pixels (px)指像素，point(pt)指打印的點數，m-size(em)值相對於m的大小）
font-style——是否斜體
font-weight——是否粗體
5）、關於text字體的一些基本性質：
text-align——字體位置，可選值有left, right, center, 和justify
text-decoration——劃線，可選的值有overline、line-through、blink和none，可疊加。
還有諸如line-height,word-spacing,letter-spacing，text-indent等性質，顧名思義。
6）、list-style-type property：
定義有序列表的序號樣式，可選的值有decimal、square、circle、disc、lower-roman、upper-roman和none等。
7）、body選擇器
定義整個body的性質。
8）、關於背景的一些性質
定義在body選擇器中。
background-color;
background-image：url("");
background-repeat: repeat-x, repeat-y和no-repeat;
background-position: xxpx, xxpx;9）、Favorites icon收藏圖標
定義收藏圖標的基本語法是：
<link href="filename" type="such as image or gif" rel="shortcut icon" />