整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
一棵樹最好的時間是六年前，其次是現今。
Thebesttimetoplantatreewas10yearsago.Thesecondbesttimeisnow.
目錄
書籍信息
明天我們要讀的書是《HTML5與CSS3基礎教程》(第9版)，是一本Web后端開發入門級別的書籍。它的作者是(美)喬·卡薩博納(JoeCasabona)，譯者是望以文。
內容提要：本書系統地講解了HTML5和CSS3基礎知識以及實際運用技術，通過大量實例深入淺出地剖析網頁制做的方方面面。書中除了介紹了文本、鏈接、媒體、表格、列表、表單等網頁元素，并且介紹了怎樣為網頁設計布局，添加動態療效等；另外，還涉及上線、測試、優化和無障礙性等內容。通過學習本書，中級水平的讀者即可創建網站，而中中級水平的開發人員也可以快速了解HTML5新元素、CSS3的魔幻療效、響應式Web設計以及各類最佳實踐。
第1章哪些是HTML和CSS1.1哪些是HTML
HTML是超文本標記語言（hypertextmarkuplanguage）的簡稱。
HTML主要負責處理兩件事情：
描述網頁是哪些樣（結構）的，以及定義這種頁面的語義。
哪些是標記語言？
實際上，網站是由好多不同的部份構成的。
各類各樣的數據（不止于文本，超文本）——文本、圖像、音頻視頻以及可下載的媒體——都是網站的組成部份。那些文件——網站的每位組成部份——都儲存在服務器上，供用戶訪問。
從服務器訪問網站如同訂訂餐一樣。你從喜歡的飯店外賣（通過互聯網發送懇求），臥室工作人員（服務器）選擇你購買的餐食，之后送貨員（再度通過互聯網）將食物（網站的文件）送到你家旁邊（你的計算機）。
所有那些數據都以人可以理解的形式呈現在瀏覽器之中。
因為人和計算機讀取數據的方法并不相同，因而須要用某種方式來告訴計算機如何以結構化的方法呈現數據（即渲染），進而讓人可以理解。
服務器發送給你的不僅原始數據文件，還帶有一個或多個用HTML編撰的文件。延續前面訂餐的類比，你可以將HTML文件想像成便當盒。它充當容器，因而井井有條地儲存各種類型的數據，并以一定的排列方法呈現。
這就是標記的來歷。HTML文件就是由一些特殊代碼標記的文本文件，正是這種特殊的代碼告訴瀏覽器怎樣在屏幕上顯示從服務器接收的數據。HTML標記是嵌在文本里的一系列文本標簽，用于告訴計算機（主要是指瀏覽器）網站的外形是如何的（結構是如何的，文本、圖片等是怎樣擺放的）。
為此，語義十分重要，由于它為這種標簽（也成為元素）賦于含意。比如，有一個（表示一級標題）HTML元素，它告訴瀏覽器和搜索引擎其包含的文本是一個標題——不是通常的標題，而是最重要的標題。
其實你可以將一堆純文本裝入文件中并在瀏覽器中打開它，但這種文本是沒有結構和涵義的。這樣的文本將全部一起呈現，沒有視覺層次，只是一團文字。
在一個簡單的Word文檔中，你可以聽到幾個不同大小的標題、幾個有所分隔的段落以及一些格式為宋體或粗體的文本。
這些視覺上的層級結構能讓讀者快速地理解怎樣處理這種文本——哪些地方代表一個新的區塊，文本的重點在那里，等等。在Word中，你可以使用“樣式”窗格執行這種操作；在網頁里則是通過將HTML標簽添加到HTML文件來實現的。
1.1.1創建簡單的HTML層級結構
（1）打開windows上的記事本，或則Mac上的TextEdit。
（2）輸入以下代碼：
Bigger Headings are more important（標題越大越重要）
This is smaller（這個小一點）
This is smaller still（這個更小）
This is body copy,and is most common.（這是正文，也是最常見的。）
（3）保存為hierarchy.html（層次體系.html）
（4）雙擊該文件，在瀏覽器中打開。療效如下：
1.1.2當前的版本：HTML5
HTML的當前版本是HTML5。這一版本引入了好多新元素，并簡化了好多標記（標簽/元素）。
剛才步入HTML的奇妙世界，直接使用HTML5便意味著擁有了大量出眾的功能，但是這種功能得到了挺好的支持。同時，要曉得，HTML5是向后兼容的，它的大多數功能是對新舊瀏覽器都是有效的。
“向后兼容”——
backwardcompatibility(向后兼容)=downwardcompatibility(向上兼容)也就是向過去兼容，即現今設計的軟件要考慮舊版本的數據能夠不能用。
向后兼容：Windows10要能運行為Windows3.1開發的程序
forwardcompatibility(往前兼容)=upwardcompatibility(向下兼容)也就是向未來兼容，即現今設計的軟件要考慮未來能夠不能用。
往前兼容：Windows3.1要能運行為Windows10開發的程序
原文鏈接：
好在瀏覽器對HTML的版本甚至標記中的錯誤都相當寬容，因而毋須害怕因為代碼錯誤造成頁面完全錯亂。
1.2哪些是CSS
假如說HTML提供了網頁的結構，這么CSS便提供了款式。
從名子就可以看出，CSS是層疊款式表（cascadingstylesheet）的簡稱，
用于描述網頁的外型——規定顏色、字體、間距等。
HTML使用標記，而CSS則使用規則集（ruleset）。規則集是像如下所示的代碼：
h1 {
color: black;
font-size:30px;
}CSS意韻嘉園網站：
CSSZenGarden:TheBeautyofCSSDesign
CSSZenGarden是展示CSS工作原理的一個很棒的網站。可以訪問該網站，觀看到在保持HTML標記不變的情況下，僅通過修改CSS來改變頁面的外型。
盡管瀏覽器自身一般提供了一些默認款式，
——在瀏覽器中可見到瀏覽器自身默認給h1元素設置的款式（useragentstylesheet用戶代理款式表）
并且我們可以很容易地使用自己的款式來覆蓋它們，也就是使用被叫做款式表（stylesheet）的CSS文件。
當前版本：CSS3
CSS的當前版本是CSS3。隨著瀏覽器和計算機顯得越來越強悍，CSS也在不斷發展。
使用CSS3，可以擁有動漫功能、更多視覺療效以及對布局功能（如列和網格）更好的支持。
動漫
加載動漫
布局（大瀑布流）
同HTML相比，CSS3對瀏覽器支持情況的依賴程度更高。對于HTML，假如瀏覽器碰到不支持的標簽，都會將其當成純文本來處理，因而其呈現一直是正常的。并且舊的瀏覽器可能不支持CSS3中較新的功能，這時頁面的外型都會遭到較大影響。
CanIuse?網站:
CanIuse...SupporttablesforHTML5,CSS3,etc
后端開發的時侯經常須要檢測瀏覽器的兼容性，(CanIUse)是一個針對后端開發人員訂制的一個查詢CS、JS在各流行瀏覽器中的特點和兼容性的網站，可以挺好的保證網頁的瀏覽器兼容性。有了這個工具可以快速地了解到代碼在各個瀏覽器中的療效。
1.3HTML和CSS是怎樣一起工作的
雖然HTML和CSS對網站來說功能定位不同，但它們在學習材料上面常常是合在一起講解的。
這是由于它們是制做現代網站所必須的兩種核心語言。雖然從技術角度看，僅有HTML就可以構成網頁，但沒有CSS的話，得到的只是一個極其平靜的網站，看上去好似Word文檔一樣。
沒有CSS的易迅網頁
帶有CSS的易迅網頁
興奮人心的時代
因為HTML5與CSS3之間的協同作用，我們生活在一個特別興奮人心的網站建立時代。
一些功能得到了原生支持，HTML的語義化程度和無障礙性也越來越高。
——擴展
1.概念:
HTML5語義化
是指，合理地使用語義化的標簽來創建網頁頁面結構。【用正確的標簽做正確的事】
在閱讀本文之前，您應該對html和css，javaScript有基礎的了解，推薦使用w3cshool來學習基礎知識。
輕量級工具有:
記事本 優點：系統自帶，免安裝，輕量級，缺點：幾乎沒有任何額外功能，額，換行除外！
notepadd++
notepad++ 優點:輕量級，啟動速度快，語法提示，代碼著色，可折疊代碼塊，代碼行提示等等，缺點：插件少，功能還是不夠強大！
submit3
Submit:優點：輕量級，界面美觀，通過插架功能，幾乎是最優秀的輕量級編輯器之一(特別是近幾年非常火爆) 缺點：對于國內cms,論壇類程序，混合標簽的首末判定還是不夠智能，代碼提示功能太弱!還有就是配置麻煩，折騰人！
Dreawear:國人喜歡破解版的cs6和cc版，以前的web開發必備，現在已經有點落伍的味道。優點：所見即所得，代碼語義分析非常強悍(沒有之一)，圖形化操作，功能強大。缺點：啟動速度慢(重量級編輯器通病)，界面太low，對js的支持不夠智能！
Atom:github出品 優點：免費、功能強大、界面也美觀，缺點：啟動速度慢。
Webstorm:jetbrains出品，本身是作為一款javascript開發功能，被廣大中國開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。
web前端最基本的組成語言有html,css,javaxript。舉個形象的例子來說明他們各自的用途：比如蓋房子：html相當于最基礎的磚塊，組成了房子的基本構成內容；css相當于鋼筋框架和涂料，控制了磚塊擺放的位置和墻壁的顏色；javascript相當于各種電器的開關和門窗把手，控制了房子的各種執行動作。由此可見，html是網頁的基本元素，比如<title>,<h1>,<p>...,css控制了網頁元素的樣式和外觀，比如寬和高width和height,背景顏色background-color:red,外邊距margin:10px;javascprit控制了元素的各種執行動作和交互式反應,比如onmousehover事件(鼠標移動到元素上方要發生的事件),onload(網頁載入事件要發生的事件)。在互聯網技術發展日新月異的今天，我們實際使用的htm事實上基本已經被xhtml技術所替代，css發展出了以移動優先為原則,響應式的bootstrap,Foundation,SemanticUI,Pure,以及國產的AmazeUI,layui等優秀前端框架，javascript發展出了jQuery,Prototype為首的快速，簡潔框架，現在的react和angular和vue重量級框架更是如日中天。關于框架介紹和各種實戰技巧我們在后續篇章一一道來，我們先來看下他們的發展歷史：
HTML沒有1.0，因為關于它的初版存在爭議，1995年HTML 2.0面世，1997年由國際官方組織W3C推出了HTML 3.2以及HTML 4.0標準，后面W3C(萬維網聯盟)也漸漸變成Web技術領域的權威，經過漫長的演變，2014年，HTML 5標準最終面世。
HTML 2.0——1995年11月，RFC 1866發布
HTML 3.2——1997年1月14日，W3C發布推薦標準
HTML 4.0——1997年12月18日，W3C發布推薦標準
HTML 4.01——1999年12月24日，W3C發布推薦標準
HTML 5——2014年10月28日，W3C發布推薦標準
CSS（Cascading Style Sheets，層疊樣式表）是一種將表示樣式應用到標記的系統。CSS以設計、改變其HTML頁面的樣式而知名，并使用于Web和其他媒介，如XML文檔中。1996年12月W3C推出了CSS規范的第一個版本，1998年W3C發布了CSS的第二個版本即CSS2.0,2001年5月W3C開始進行CSS3標準的制定，到目前為止該標準還沒有最終定稿。
JavaScript誕生于1995年。起初它的主要目的是處理以前由服務器端負責的一些表單驗證。在那個絕大多數用戶都在使用調制解調器上網的時代，用戶填寫完一個表單點擊提交，需要等待幾十秒，完了服務器反饋給你說某個地方填錯了......在當時如果能在客戶端完成一些基本的驗證絕對是令人興奮的。當時走在技術革新最前沿的Netscape（網景）公司，決定著手開發一種客戶端語言，用來處理這種裝簡單的驗證。當時就職于Netscape公司的布蘭登·艾奇開始著手計劃將1995年2月發布的LiveScript同時在瀏覽器和服務器中使用。為了趕在發布日期前完成LiveScript的開發，Netscape與Sun公司成立了一個開發聯盟。而此時，Netscape為了搭上媒體熱炒Java的順風車，臨時把LiveScript改名為JavaScript，所以從本質上來說JavaScript和Java沒什么關系。
JavaScript 1.0獲得了巨大的成功，Netscape隨后在Netscape Navigator 3（網景瀏覽器）中發布了JavaScript 1.1。之后作為競爭對手的微軟在自家的IE3中加入了名為JScript（名稱不同是為了避免侵權）的JavaScript實現。而此時市面上意味著有3個不同的JavaScript版本，IE的JScript、網景的JavaScript和ScriptEase中的CEnvi。當時還沒有標準規定JavaScript的語法和特性。隨著版本不同暴露的問題日益加劇，JavaScript的規范化最終被提上日程。
1997年，以JavaScript1.1為藍本的建議被提交給了歐洲計算機制造商協會（ECMA，European Computer Manufactures Association）該協會指定39號技術委員會負責將其進行標準化，TC39來此各大公司以及其他關注腳本語言發展的公司的程序員組成，經過數月的努力完成了ECMA-262——定義了一種名為ECMAScript的新腳本語言的標準。第二年，ISO/IEC（國標標準化組織和國際電工委員會）也采用了ECMAScript作為標準（即ISO/IEC-16262）。
文檔結構
元素語法
屬性語法
<!DOCTYPE ....>是強制性的
XHTML 文檔必須進行 XHTML 文檔類型聲明（XHTML DOCTYPE declaration）。
<html>, <head>, <title>, 和 <body> 元素也必須存在，并且必須使用 <html> 中的 xmlns 屬性為文檔規定 xml 命名空間。
參考網站：w3cshool,csdn
件編程難學？html基礎，跟著淼哥學php全棧之路7
感謝小伙伴們的持續關注，小編這幾天太忙了，是在抱歉沒有及時更新文章，請見諒。
上次我們講解了web開發的基礎知識，也知道了web開發的原理。
這次我們繼續講解web開發語言html。上次課程我們介紹了web開發中html就相當骨骼，css就相當于樣式，js就相當于動作。
那么究竟什么才是html呢？究竟如何來學習呢？
?HTML(HyperTextMark-upLanguage)即超文本標記語言
?HTML 是用來描述網頁的一種語言。
?HTML 不是一種編程語言，而是一種標記語言
html并不是真正意義上的編程語言，而是由一套標簽和內容組成的標記語言。
標記語言是一套標記標簽 (markup tag)
?HTML 使用標記標簽來描述網頁。（換句話說，碰到瀏覽器認識的標簽，就按照這個標簽的意義來渲染網頁）
?HTML 文檔包含了HTML 標簽及文本內容。
?HTML 文檔也叫做 web 頁面
?HTML 文檔描述網頁
?HTML 文檔包含 HTML 標簽和純文本
?HTML 文檔也被稱為網頁
?Web 瀏覽器的作用是讀取 HTML 文檔，并以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽，而是使用標簽來解釋頁面的內容：
html是由W3C這個組織維護的。如果不清楚的小伙伴，可以查看我的上一篇文章了解內容。
我將html的學習階段分三個階段、初級、中級、高級。（當然高級也不難）o(*￣︶￣*)o
1、html編寫方法
?使用手工編寫
記事本和各類IED進行編寫，文件名存為.htm .html格式。
?使用可視化HTML編輯器
Frontpage、Dreamweaver等所見即所得的編輯器進行編寫。
?由web服務器（或稱HTTP服務器）一方實時動態的生成
由WEB相關編程語言，動態生成html文件。
有的小伙伴，可能不清楚如何開啟電腦顯示后綴名。
我的電腦是windows10操作系統。這樣就可以在電腦中顯示文件的后綴名了。
其中.html就是我們的網頁了。
2、html文件命名
?*.htm或*.html
?無空格
?無特殊字符（例如&符號）只可以有”_”，只可以為英文、數字（為什么不能以中文方式命名？）
?區分大小寫
?首頁文件名默認為：index.htm或index.html 和其他動態語言文件如index.php index.asp index.jsp
為什么不建議中文命名！
1、計算機是老外開發的、操作系統是老外開發，HTML語法也是老外開發的、所以網頁文件默認也就只能按老外的命名規則了（用英語）中文需要經過一定的轉碼才能讓瀏覽器認識，不然根本不認識
2、這個就是中文命名的后果咯。找不到對應的路徑下的文檔。
The requested URL /demo/qzb/????o????é?￠.html was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
2、 使用Apache或Nginx（web服務器）部署時需要修改配置才能支持中文、外國的軟件默認都不支持中文的, 建議不要使用中文作為文件名。
3、html的基本架構
?一個HTML文檔是由一系列的元素和標記組成。
<head></head>元素和標簽都是一個意思。標簽都是成對出現的。當然也有單閉合標簽后面講。
?元素名不區分大小寫，HTML用標記來規定元素的屬性和它在文件中的位置，HTML超文本文檔分文檔頭和文檔體兩部分
在文檔頭里，對這個文檔進行了一些必要的定義，文檔體中才是要顯示的各種文檔信息。
4、HTML代碼格式
<!DOCTYPE html>-------------------------DOCTYPE 聲明了文檔類型
<html> ------------------------------------文檔類型html開始標記
<head> -----------------------------------頭部標記
<title>我的第一個標題</title>
</head> ----------------------------------頭部結束標記
<body> ---------------------------------文件主體
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body> ----------------------------------文件主體結束
</html> ----------------------------------文檔類型html結束標記
<html> 與 </html> 之間的文本描述網頁。
<body> 與 </body> 之間的文本是可見的頁面內容。
<h1> 與 </h1> 之間的文本被顯示為標題。
<p> 與 </p> 之間的文本被顯示為段落。
head部分 有點像人的思想，不能被別人看到的，有很多內容是給http協議和電腦看的信息。
body部分，是瀏覽器具體渲染的內容，可以被別人看到的內容。
5、從html歷史來認識html。
現在我們常常習慣于用數字來描述HTML的版本（如：HTML5 這是一個泛稱），但是最初的時候我們并沒有HTML1，而是1993年IETF團隊的一個草案，并不是成型的標準。
兩年之后，在1995年HTML有了第二版，即HTML2.0。
有了以上的兩個歷史版本，HTML的發展可謂突飛猛進。
1996年HTML3.2成為W3C推薦標準。之后在1997年和1999年，作為升級版本的4.0和4.01也相繼成為W3C的推薦標準。
在2000年基于HTML4.01的ISO HTML 成為了國際標準化組織和國際電工委員會的標準。
于是被沿用至今，這期間雖然有點小的改動但大方向上終歸沒有什么變化。
從1993-2000之間短短的7年時間，HTML 語言有著很大的發展，基于諸多人的努力，終于產生了我們現在用的HTML語言。
由于當時html的前端程序員編寫html頁面雜亂無章，比如<h1>標簽有開始，沒有結束標簽</h1>，于是w3c組織又出了一種新的標記語言打算代替html語言。就是我們知道的XML語言（eXtensible Markup Language，可擴展標記語言）來替代html。
但是w3c組織是在是太天真了。習慣已經養成了，程序員很難改掉自己編寫的習慣，所以這個計劃沒能完成。
于是在html的基礎上，來了一個叫xhtml的標記語言，xhtml和html4沒有任何區別，只是多了幾個小規定。
?XHTML 指可擴展超文本標簽語言（EXtensible HyperText Markup Language）。
?XHTML 的目標是取代 HTML。
?XHTML 與 HTML 4.01 幾乎是相同的。
?XHTML 是更嚴格更純凈的 HTML 版本。
?XHTML 是作為一種 XML 應用被重新定義的 HTML。
?XHTML 是一個 W3C 標準。
?XHTML 是 HTML 與 XML（擴展標記語言）的結合物。
?XHTML 包含了所有與 XML 語法結合的 HTML 4.01 元素。
XHTML和html的區別？
而xml也改變了自己的命運，后來也被廣泛應用，主要作用是傳輸和存儲。（后面會講到）
w3c這個組織在2004年的時候認為Html已經發展到了巔峰，就一直沒有進行更新。
這個時候出現了一種新的技術，叫ajax改變了整個web領域的格局。 WHATWG（Web Hypertext Application Technology Working Group 互聯網應用科技工作小組）這個組織，在2004年就說w3c不發布，我自己發布Web Applications 1.0（html5前身）。
于 2007 年被 W3C 接納， 并成立了新的 HTML 工作團隊。
在 2008 年 1 月 22 日，第一份正式草案已公布,預計將在 2010 年 9 月正式 向公眾推薦。WHATWG 表示該規范是目前正在進行的工作，仍須多年的努力。
換句話，W3C這個組織看到了WHATWG發布的版本，發現原來html還可以這么玩？不行html一直是由我來維護的。來吧，把這個必須交給我維護.........就有了現在的html5.
而現在的h5是一個泛稱，并不單單指的是html的版本。而是指html5+css3+javascript的一個統稱。
6、html標簽的分類
?標簽分兩種結構：雙閉合標簽和單閉合標簽
雙閉合標簽
<標簽名 屬性名1=值1 屬性名2=值2 ..>標簽中的內容</標簽>
單閉合標簽
<標簽名 屬性1=值1 屬性2=值2 ../>
例如：
<input type=text id=“name”/>
7、<!DOCTYPE>聲明（DTD）
<!DOCTYPE>是用來聲明文檔類型的，瀏覽器只有了解文檔的類型，才能正確的顯示文檔。（聲明必須是 HTML 文檔的第一行，位于 <html> 標簽之前）
從web誕生早期至今，已經發展處多個HTML版本：
對于已經發布了這么多的版本，那么瀏覽器該如何解釋這些版本的html網頁呢？到底你的網頁是利用哪個版本的標記語言來寫的呢？是用html2.0還是html5版本來寫的呢？比如我用html3.2版本寫了一個很大的項目。如果要修改這個項目要修改好幾年。這個時候就體現出DTD的作用了。
就是使用DTD來進行區分的。
我們來看看常用DTD的格式吧。
HTML 頂級元素 可用性 "注冊//組織//類型 標簽//定義 語言""URL"；
上面是一個html的格式。
例：
HTML4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
HTML5
<!DOCTYPE html>
看出來區別了吧。以前的DTD在編寫的時候，簡直是程序員的噩夢。反正我是記不住，有可以記得住的大神嗎？也可以站出來指教指教。o(*￣︶￣*)o開玩笑了。
那么以前的DTD到底是什么意思呢？我們來繼續分析。
以XHTML的DTD為示例，我們來講解下。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
當然，如果掌握了DTD的語法，我們就知道如何來定義DTD了。具體會在講解PHP解析XML來詳細講解DTD定義。
DTD顯示會有兩種模式
標準模式的排版 和JS運作模式都是以該瀏覽器支持的最高標準運行。
在兼容模式（怪異模式）中，頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作。簡單的說，就是盡可能的顯示能顯示的東西給用戶看。
DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現
標準模式與兼容模式（怪異模式）各有什么區別?（了解即可）
1.width不同
在嚴格模式中 ：width是內容寬度 ，元素真正的寬度=margin-left + border-left-width + padding-left + width + padding-right + border-right- width + margin-right;
在兼容模式中 ：width則是元素的實際寬度 ，內容寬度=width - ( padding-left + padding-right + border-left-width + border-right-width)
2.兼容模式下可設置百分比的高度和行內元素的高寬
在Standards（標準）模式下，給span等行內元素設置wdith和height都不會生效，而在兼容模式下，則會生效。
在standards（標準）模式下，一個元素的高度是由其包含的內容來決定的，如果父元素沒有設置高度，子元素設置一個百分比的高度是無效的。
3.用margin:0 auto設置水平居中在IE下會失效 使用margin:0 auto在standards模式下可以使元素水平居中，但在兼容模式下卻會失效（用text-align屬性解決） body{text-align:center};#content{text-align:left}
4.兼容模式下Table中的字體屬性不能繼承上層的設置，white-space:pre會失效，設置圖片的padding會失效。
有的小伙伴可能會說。小編你寫的這些我看不懂。沒關系，等你學了后面的知識在回過頭來看，就會懂了。現在就知道有區別就可以了。
今天就寫這么多吧。下篇文章繼續帶領小伙伴來認識html。
小編手寫不宜，請小伙伴們多多留言點贊哦。。小編十分感謝。
（注：本內容屬于原創，未經許可嚴禁抄襲。內容真實性已考證，圖片來源于網絡，圖片如有侵權請聯系作者刪除）
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
