Qunar入職前自學筆記
Q1. 什麼是html，html發展歷程
hyperText markup language 超文字標記語言
HTML是用於描述網頁文件的標記語言。現在我們常常習慣於用數字來描述HTML的版本（如：HTML5），但是最初的時候我們並沒有HTML1，而是1993年IETF團隊的一個草案，並不是成型的標準。
兩年之後，在1995年HTML有了第二版，即HTML2.0，當時是作為RFC1866
釋出的。
有了以上的兩個歷史版本，HTML的發展可謂突飛猛進。1996年
HTML3.2成為W3C推薦標準。之後在1997年和1999年，作為升級版本的4.0和4.01也相繼成為W3C的推薦標準。
瀏覽器的相容性問題，有很大一部分的原因是，html標籤書寫的不規範，導致了各自解釋的不同。xhtml的出現，就是要以xml的規範來重新改寫html。
HTML在HTML 4.01之後的第一個修訂版本就是XHTML 1.0。
XHTML 1.0是基於HTML 4.01的，並沒有引入任何新標籤或屬性，唯一的區別是語法，HTML對語法比較隨便，而 XHTML則要求XML般的嚴格語法。
使用嚴格的語法規範並非壞事，要求開發者使用單一的程式碼風格，比如，HTML4.01允許你使用大寫或小寫字母標識標記元素和屬性，XHTML則只 允許小寫字母。XHTML1.0的推出剛好碰上了CSS的崛起，Web開發設計者們開始意識到Web標準問題，基於XHTML的嚴格語法規範被視為編寫 HTML程式碼的最佳實踐。
W3C推出XHTML 1.1
如果說XHTML 1.0是XML風格的HTML，XHTML 1.1則是貨真價實的XML。這意味著XHTML 1.1無法使用 text/htmlmime-type直接輸出，然而，如果Web開發者使用XMLmime-type，則當時的主流瀏覽器，IE則壓根不支援。看上去，W3C似乎正在與當時的Web脫節。
從WebApps1.0到HTML 5
從一開始，WHATWG就和W3C走不同的路線，W3C對問題的討論是集體投票，而WHATWG則由主筆IanHickson定度。表面上看，W3C更民主，然而事實上，各種內部紛爭會使一些決議限於泥潭，在WHATWG，事情的進展會更容易，不過，主筆的權力並非無限大，他們的委員會可以 對那些過於偏執的主筆進行彈劾。
一開始，WHATWG的主要工作包括兩部分，Web Forms 2.0和Web Apps 1.0，它們都是HTML的擴充套件，後來，他們合併到一起成為現在的HTML 5規範。在WHATWG致力於HTML 5的同時，W3C繼續他們的XHTML 2.0，然而，他們慢慢地陷入困境。
2006年10月，Web之父Tim Berners-Lee發表了一篇部落格文章，表示，從HTML走向XML的路是行不通的，幾個月後，W3C組建了一個新的HTML工作組，他們非常明智地 選擇了WHATWG的成果作為基礎。這一轉變帶來一些困惑，W3C同時進行這兩套規範，XHTML2和HTML 5（注意，W3C的HTTML5在5之前有個空格，而WHATWG的HTML 5則沒有空格），而WHATWG也在進行著同樣的工作。
XHTML已死：XHTML語法永存
這一混亂局面到了2009年開始變得清晰，W3C宣佈終止XHTML2的工作，這是一份關於XHTML2的遲到的訃告。這一訊息被那些XML的反對 者視為珍寶，他們藉此嘲笑那些使用XHTML1規範的人，然而他們似乎忘記了，XHTML1和XHTML2是截然不同的東西。於此同時，XHTML1規範的制定者擔心，XHTML1中的嚴格語法規範會被HTML 5棄用，這種擔心後來證明是多餘的，HTML 5既支援鬆散語法，也支援XHTML1般的嚴格語 法。（摘自下述連結）
參考https://www.cnblogs.com/btgyoyo/p/6218506.html Q3.html編碼與文件型別 charset 編碼字符集： gb2312 gbk unicode utf-8 文件型別：https://www.cnblogs.com/idayln/p/3390783.html Q4.html字元實體&標籤語法&註釋 字元實體  ； 標籤語法1. 標籤由英文尖括號<和>括起來，如<html>就是一個標籤。
2. html中的標籤一般都是成對出現的，分開始標籤和結束標籤。結束標籤比開始標籤多了一個/。
3. 標籤與標籤之間是可以巢狀的，但先後順序必須保持一致 p標籤裡面不能套p標籤
4. HTML標籤不區分大小寫，<h1>和<H1>是一樣的
Q5.什麼是css,css語法
css 層疊樣式表 cascading style sheet
CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條宣告。
選擇器通常是您需要改變樣式的 HTML 元素。
每條宣告由一個屬性和一個值組成。
Q6.如何將css應用到網頁
行內 內部<style>標籤引入 外部<link href = "">標籤引入
Q7.CSS 選擇符:class 和 id
class:允許多個標籤擁有同一個class名 .
id：一個名字只能一個標籤擁有 #
Q8.font 類屬性 & text 類屬性
font-family屬性定義字型的名稱，可以是一個字型的名稱，也可以是一類字型的名稱，字型的名稱一定要和計算機系統裡的完全一樣：
屬性名稱: 'font-family'屬性值: [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>]初始值: 根據使用者定義而定適合物件: 所有元素是否繼承: yes百分比備註: 被禁止
有些計算機系統裡如果沒有樣式單要求的字型，可以再設一個次字型以備萬一。例如：
BODY { font-family: Baskerville, "Heisi Mincho W3", Symbol, serif }
family-name是指確定的某字型，如Heisi Mincho W3，generic-family指某一類字型，如serif。
font-style屬性描述字型的傾斜程度：
屬性名稱: 'font-style'屬性值: normal | italic | oblique初始值: normal適合物件: 所有元素是否繼承: yes百分比備註: 被禁止
font-variant屬性：
屬性名稱: 'font-variant'屬性值: normal | small-caps初始值: normal適合物件: 所有元素是否繼承: yes百分比備註: 被禁止
一個使用了small-caps屬性的元素中的小寫字母看起來要比正常的大寫字母小一些。
font-weight屬性用來描述字重。
屬性名稱: 'font-weight'屬性值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900初始值: normal適合物件: 所有元素是否繼承: yes百分比備註: 被禁止
100到900代表9種不同的字重，400代表normal，700代表bold，900是最重的字型，bolder或lighter表示字型的字重比父元素高或低一級，比如父元素字重為400，則bolder代表字重500，如果父元素本身字重為900，那麼bolder後，字重還是900，同樣的lighter也一樣。有些字型並沒有100到900那麼全的字重，也許是從300到700，那麼字重的最小和最大值也為300到700。例如：
P { font-weight: normal } /* 400 */H1 { font-weight: 700 } /* bold */
font-size屬性描述字型的大小：
屬性名稱: 'font-size'屬性值: <absolute-size> | <relative-size> | <length> | <percentage>初始值: medium適合物件: 所有元素是否繼承: yes百分比備註: relative to parent element's font size
該屬性可以使用絕對大小，也可以使用相對大小，其中絕對大小可以使用，如下關鍵字表示：
xx-small | x-small | small | medium | large | x-large | xx-large 分別代表最小、較小、小、中等、大、較大和最大。相對大小可以使用：larger 或smaller描述。例如：
P { font-size: 12pt; }BLOCKQUOTE { font-size: larger }EM { font-size: 150% }EM { font-size: 1.5em }
Font屬性是以上屬性的快捷方式，屬性如下：
屬性名稱: 'font'屬性值: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]適合物件: 所有元素是否繼承: yes百分比備註: 只在font-size使用
例如：
P { font: 12pt/14pt sans-serif } P { font: 80% sans-serif }P { font: x-large/110% "new century schoolbook", serif }P { font: bold italic large Palatino, serif }P { font: normal small-caps 120%/120% fantasy }
CSS屬性：
6、文字（Text）屬性：
這裡的屬性將影響WEB文件中的文字顯示情況。
text-indent屬性描述文字的縮排程度：
屬性名稱: 'text-indent'屬性值: <length> | <percentage>初始值: 0適合物件: 容器元素是否繼承: yes百分比備註: 根據父元素的寬度而定
下面的例子表明段落的縮排值為3em：
P { text-indent: 3em }
Alignment屬性表明文字的對齊方式：
屬性名稱: 'alignment'屬性值: left | right | center | justify初始值: 依照使用者定義適合物件: block-level elements是否繼承: yes百分比備註: 被禁止
text-decoration屬性描述對文字的修飾方法：
屬性名稱: 'text-decoration'屬性值: none | [ underline || overline || line-through || blink ]初始值: none適合物件: 所有元素是否繼承: no (see clarification below)百分比備註: 被禁止
屬性值含義分別為：underline：下劃線。overline：上劃線。line-through：刪除線。blink：閃爍（如同Navigator中的blink標記的功能）
text-shadow屬性可以為文字加入陰影的特效：
屬性名稱: 'text-shadow'屬性值: none | <color> [, <color> ]*初始值: none適合物件: all是否繼承: No百分比備註: 只在描述透明度時有效
Q9.background 背景屬性
Q10.border 邊框屬性
