前端css筆記2016 2 16

2021-07-10 03:33:22 字數 305 閱讀 3844

一、display:none與visible:hidden的區別

一、display:none與visible:hidden的區別

display:none和visible:hidden都能把網頁上某個元素隱藏起來,但兩者有區別:

display:none ---不為被隱藏的物件保留其物理空間,即該物件在頁面上徹底消失,通俗來說就是看不見也摸不到。

visible:hidden--- 使物件在網頁上不可見,但該物件在網頁上所佔的空間沒有改變,通俗來說就是看不見但摸得到。

本文出自 「程式猿的修煉」 部落格,請務必保留此出處

前端筆記 CSS

1.使用background image url 引入雪碧圖 2.利用background position屬性結合background size,background repeat等屬性定位需要的圖示 1.將多張合併到一張中,減小的總大小 2.減少http請求數,提高載入效能 1.減少http請求...

前端基礎 css筆記

css的四種引入方式 1.行內式 顯示優先順序最高 hello 2.嵌入式3 鏈結式 4.匯入式注意 匯入式會在整個網頁裝載完後再裝載css檔案,因此這就導致了乙個問題,如果網頁比較大則會兒出現先顯示無樣式的頁面,閃爍一下之後,再出現網頁的樣式。這是匯入式固有的乙個缺陷。使用鏈結式時與匯入式不同的是...

前端筆記 CSS定位

一 為什麼需要定位 某個元素可以自由的在乙個盒子內移動位置,並且壓住其他盒子。當滾動視窗時,某些模組是固定在螢幕中的某個位置。以上兩個效果通過標準流和浮動都無法快速實現,此時需要定位來實現。二 定位組成 定位 將盒子定在某一位置 定位 定位模式 邊偏移 定位模式用於指定元素在文件中的定位方式,邊偏移...