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般的嚴格語 法。（摘自下述鏈接）
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 邊框屬性
浙公網安備 33010602011771號