單盒子頁面居中 記得要給html設定 min-height: 100%;
1.flex布局方法
body,html
.box
/* ie8以下不相容 */
2.絕對定位 給上下左右為0
/* .box */
3.css3 2d 3d轉換
/* transform轉換布局 */
/* .box */
.
class
="box"
>
單盒子頁面居中的方法div
>
使用空標籤清除浮動clear:both。
原理:新增乙個空div,利用css提高的clear:both清除浮動,讓父級div能自動獲取到高度
優點:通俗易懂,容易掌握
缺點:會新增很多無意義的空標籤,有違結構與表現的分離,在後期維護中將是噩夢
建議:不推薦使用,但此方法是以前主要使用的一種清除浮動方法
父級div定義overflow:hidden
原理:必須定義width或zoom:1,同時不能定義height,使用overflow:hidden時,瀏覽器會自動檢查浮動區域的高度
優點:簡單,**少,瀏覽器支援好
缺點:不能和position配合使用,因為超出的尺寸的會被隱藏
建議:只推薦沒有使用position或對overflow:hidden理解比較深的朋友使用
css sprites原理
css sprites其實就是把網頁中一些背景整合到一張檔案中,再利用css的「background-image」,「background- repeat」,「background-position」的組合進行背景定位,background-position可以用數字能精確的定位出背景的位置。
css sprites優點
利用css sprites能很好地減少了網頁的http請求,從而大大的提高了頁面的效能,這也是css sprites最大的優點,也是其被廣泛傳播和應用的主要原因;
css sprites能減少的位元組,曾經比較過多次3張合併成1張的位元組總是小於這3張的位元組總和。
css sprites缺點
css sprites在維護的時候比較麻煩,如果頁面背景有少許改動,一般就要改這張合併的,無需改的地方最好不要動,這樣避免改動更多的css,如果在原來的地方放不下,又只能(最好)往下加,這樣的位元組就增加了,還要改動css。
css sprites非常值得學習和應用,特別是頁面有一堆ico(圖示)。總之很多時候大家要權衡一下利弊,再決定是不是應用css sprites。
可參考以下鏈結
css sprites的原理和作用
選擇器表現形式
id#id,例如:id=「name」,id=「name_txt」
class
.class,例如:class=「name」,class=「name_txt」
標籤p,例如:body,div,p,ul,l
屬性[type=『text』]
偽類相鄰選擇器、子代選擇器
> +,例如:div>p,帶大於號》
萬用字元選擇器*
型別權重
important
!important 的作用是提公升優先順序,換句話說。加了這句的樣式的優先順序是最高的(比內聯樣式的優先順序還高)。
內聯樣式
如: style=" ",權值為1000。
id選擇器
如:#name,權值為0100。
class類選擇器,偽類和屬性選擇器
如.name,權值為0010。
標籤選擇器和偽元素選擇器
如div p,權值為0001。
樣式覆蓋規則就是根據權重的大小進行累加覆蓋 大的覆蓋小的
筆試題總結
postmessage只把訊息放入佇列,不管訊息是否處理就返回。而sendmessage被處理完了之後才返回。在很多情況下,基類本身聲場物件是很不合理的。例如 動物作為基類派生出老虎 獅子等子類,但動物本身生成物件明顯不合理。宣告了兩個類 clabase claderiver。父類中宣告虛析構函式。...
筆試題總結
1 引用和指標的區別 相同點 都是位址的概念 指標指向一塊記憶體,它的內容是所指記憶體的位址,引用是位址的別名 不同點 1 指標是乙個實體,而引用只是乙個別名 2 引用在初始化時被定義一次,之後不可變,指標可變 3 引用沒有const,而指標由const,const的指標不可變 4 引用不能為空,而...
筆試題總結
1.死鎖產生的四個必要條件 互斥,不可剝奪,部分分配,環路存在 2.什麼是 引用 申明和使用 引用 要注意哪些問題?答 引用就是某個目標變數的 別名 alias 對應用的操作與對變數直接操作效果完全相同。申明乙個引用的時候,切記要對其進行初始化。引用宣告完畢後,相當於目標變數名有兩個名稱,即該目標原...