CSS知識點小結

在網頁排版布局中比如文章列表標題排版，無論多少文字均不希望換行顯示，需要強制在一行顯示完內容。這就可以nobr標籤來實現。

一、nobr文法

<nobr>內容</nobr>

不換行內容放入<nobr>與</nobr>之間即可。

此標籤與css white-space功能相同。

 

html form <label>標籤基礎文法結構與使用案例教程

在表單布局中會遇到label標籤的使用，label沒有任何樣式效果，有觸發對應表單控制項功能。
比如我們點擊選項按鈕或多選框前文字對應選項就能被選中，這個就是對文字加了<label>標籤實現。

 

Html上標：^上浮內容
Html下標：_下浮內容

 

通常一對未設定任何樣式的span，高寬是自適應內容，多容多少，此標籤就佔用多少距離空間。

pan在html中常用的布局標籤,與div標籤區別在於，span隨內容而佔用高寬空間（緊貼內容），而一對div標籤卻佔用一行。

 

首先，相同之處是br和p都是有換行的屬性及意思
其次，區別<br />是只需一個單獨使用，而<p>和</p>是一對使用
再次，br標籤是小換行提行，p標籤是大換行（分段）各行作用。

P和Br都有換行作用，p標籤是段落標籤，br是強制換列標籤。

 

html刪除線應用文法：

<s>www.divcss5.com</s>

 

html Hr水平線特點是100%寬度水平分割線，並且獨佔一行，hr水平線將與上下內容一定距離。

 

H1在一個網頁中最好只使用一次，如對一個網頁唯一標題使用。
H2、H3、H4標籤則可以在一個網頁中多次出現，但必要隨意添加或添加過度。

 

使用submit後，頁面支援鍵盤enter鍵操作，而很多WEB軟體設計師，可能沒有注意到submit統一.

用button後往往頁面不支援enter鍵了。所以需要支援enter鍵，必須要設定個submit，預設enter鍵對頁面第一個submit進行操作。

 

通常單獨使用left、right、top、bottom均無效，需要在使用絕對位置CSS position樣式才會生效。

一般left和right在一個樣式是只能使用其一，不能left和right都設定，要麼使用left就不使用right，要麼使用right就 不使用left，如果left和right均使用將會出現相容問題，一個對象設定了靠左left多少距離，自然右邊距離自然就有了所以無需設定左邊。

 

.divcss5{text-indent:25px}
這裡divcss5對象內段落首行開頭文字縮排了25像素。

css text-indent文本縮排樣式屬性單詞，text-indent的值跟數字+單位組成縮排樣式。

 

CSS代碼：*{ padding:0; margin:0; font-family:"黑體"}

以上DIV+CSS中CSS代碼意思：設定網頁html中所有標籤成員的css樣式為padding為0，margin為0,字型為黑體。
這樣就無需像以前那樣分別設定網頁不同標籤元素的css樣式表,這樣就全面設定和初始化了html標籤元素的CSS樣式。

 

使用到的css樣式屬性單詞text-indent抬頭距離，letter-spacing字與字間距。

 

如果要讓DIV布局置中瀏覽器中，加入margin:0 auto就不能加入float浮動樣式，避免邏輯錯誤，造成布局置中不相容。

 

無論大div盒子高度多高，小div盒子都居於大div盒子下面與大div底邊對齊緊靠緊貼。一般這種不確定的布局要求，通常我們會使用css絕對位置布局來實現。絕對位置常用使用方法，對父級div設定position:relative，子級div設定position:absolute，即可再對子級div設定left或right、top或bottom即可定位子級位於父級裡任何位置。

 

需要的主要css代碼有兩個，一個為text-align:center（內容置中），另外一個為margin:0 auto；其兩個樣式需要配合使用才能實現div盒子的置中顯示排版。

 

很多瀏覽器在顯示未指定width的float元素時會有bug。所以不管float元素的內容如何，一定要為其指定width屬性。另外指定元素時盡量使用em而不是px做單位。

 

IE在顯示指定了margin和padding的float元素時有bug。因此不要對float元素指定margin和padding屬性(可以在float元素內部嵌套一個div來設定margin和padding)。也可以使用hack方法為IE指定特別的值。

 

DIV CSS 繼承是指我們設定上級(父級)的CSS樣式，上級（父級）及以下的子級（下級）都具有此屬性。一般只有文字文本具有繼承特性，如文字大小、文字加粗、文字顏色、字型等。