CSS設計指南筆記 顯示篇

 塊級元素，比如段落、標題、列表等，在瀏覽器中上下堆疊顯示。

 行內元素，比如a、span 和img，在瀏覽器中左右併排顯示，只有前一行沒有空間

時才會顯示到下一行。

把塊級元素變成行內元素（或者相反）的魔法如下。

/*預設為block*/

p /*預設為inline*/

a

把元素的display 設定為none，該元素及所有包含在其中的元素，都不會在頁面中顯示。它們原先佔據的所有空間也都會被「**」，就好像相關的標記根本不存在一樣。

把元素的visibility 設定為hidden，元素會隱藏，但它佔據的頁面空間仍然「虛位以待」。

css設計指南 筆記7

過渡屬性 transition property 過渡的css屬性名，如color width transition duration 過渡的持續時間，如2s 500ms transition timing function 過渡的調速函式，如linear ease in ease out ease...

css設計指南 筆記5

position static 靜態定位 position relative 相對定位 top 25px left 30px 相對於原本在文件流中的位置的偏移，原來佔據的空間沒有動，其他元素也沒有動 position absolute 絕對定位 top 25px left 30px 脫離文件流，相對...

css設計指南 筆記3

計算特指度 ice公式 選擇符中有乙個id，就在i的位置加1 選擇符中有乙個類，就在c的位置加1 選擇符中有乙個標籤名 元素名 就在e的位置加1 得到乙個三位數 body p largetext ul.mylist li 1 1 4特指度 114查理版簡單層疊要點 規則一 包含id的選擇符 包含類的...