HTML常見标簽總結

解釋和執行html源碼的工具

五大浏覽器：ie、ff(firefox)(火狐)、chrome(谷歌)、opera(空中)、safari（apple）(蘋果)

ie用的是trident引擎(webbrowser控件)

其它很多都用的是webkit引擎(開源浏覽器核心)

html:hypertext markup language超文本标記語言

css:cascading style sheet層疊樣式表

靜态頁面：字尾名為html或htm的都是靜态頁面

動态頁面：包括一些腳本代碼，伺服器動态生成的html頁面發給浏覽器

html、htm都是靜态頁面

asp、aspx、jsp、php等都是動态頁面

文檔類型定義

document type definition,dtd

相同點 

都是标記語言，注釋都一樣

都可以通過dom程式設計方式來通路

都可以通過css來改變外觀

不同點  

xml比html文法要求更嚴格

xml側重于資料存儲，html側重于資料展示

css的好處

外觀美化，布局，定位

實作内容與樣式的分離，友善團隊開發

友善統一定義格式，修改也友善

css的計量機關：px、%、em(相對機關)

css的屬性：

background-color:背景顔色

border-style:邊框風格 solid(實線)、dashed(虛線)、dotted(點)

border-width:邊框寬度

border-color:邊框顔色

display:元素是否顯示     block(塊級元素)、none(不顯示)、inline(内聯元素)

cursor:滑鼠樣式          pointer(小手)、text(輸入bean)、wait(忙沙漏)、help(幫助)

cursor:url(1.ani)使用ani和cur格式的自定義光标圖檔

list-style-type:none     li不顯示原點，設定在ul或者li上

margin:上右下左          與表格的cellspacing類似

padding:與表格的cellpadding類似

visibility:hidden隐藏

樣式選擇器：

标簽選擇器:input{}

 class選擇器:.cls{}     用多個類選擇器的時候用空格隔開，以最後一個定義的重複類選擇器為準

id選擇器:#dv{}

标簽+類選擇器:input.cls{}

包含選擇器(層次選擇器):p strong{}

組合選擇器:h1,h2,input{}

自選擇器:div>p{}

 相鄰選擇器:div+p

僞選擇器:     a:link{}沒點之前

 a:hover{}滑鼠懸浮

a:active{}激活狀态

 a:visited{}通路以後

以上選擇器的優先級是：

style>id選擇器>類選擇器>标簽選擇器(!important可以提高優先級     color:red !important)

使用css的三種方式:元素内聯(行内樣式表)、頁面嵌入(内嵌樣式表)、外部引用(外部樣式表)

寫入元素的style屬性     在head中加入               css字尾檔案(推薦)

position:absolute絕對定位

position:fixed固定定位

position:relative相對定位

position:static預設值

position:inherit繼續父元素的position值

不用<table>進行布局的原因

table可能會在所有的tr和td加載完成以後才顯示，是以加載完成之前一片空白

用table布局會将布局方式寫在html中，違反了“語義性”原則

用table會影響搜尋引擎的抓取，不利于seo

div+css就是将要布局的内容用<div>切成塊，然後使用css描述每個快的大小、位置等

float:left兩個層并排排列

margin:0px auto層的相對居中

clear:both清楚浮動

部落格位址：

<a href="http://www.cnblogs.com/wolf-sun">http://www.cnblogs.com/wolf-sun/</a>

部落格版權：

本文以學習、研究和分享為主，歡迎轉載，但必須在文章頁面明顯位置給出原文連接配接。

如果文中有不妥或者錯誤的地方還望高手的你指出，以免誤人子弟。如果覺得本文對你有所幫助不如【推薦】一下！如果你有更好的建議，不如留言一起讨論，共同進步！

再次感謝您耐心的讀完本篇文章。http://www.cnblogs.com/wolf-sun/p/3198039.html