前端知識點雜記

2021-08-15 21:05:41 字數 2432 閱讀 6264

css

display屬性 :

block : css1 塊物件的預設值。將物件強制作為塊物件呈遞,為物件之後新增新行   可以定義高度和寬度

none : css1 隱藏物件。與 visibility 屬性的hidden值不同,其不為被隱藏的物件保留其物理空間

inline : css1 內聯物件的預設值。將物件強制作為內聯物件呈遞,從物件中刪除行

inline-block : ie5.5 將物件呈遞為內聯物件,但是物件的內容作為塊物件呈遞。旁邊的內聯物件會被呈遞在同一行內 inherit: 看display預設是不具備繼承性的,使用inherit可以讓其繼承父物件的display屬性。

overflow屬性:

(定義溢位元素內容區的內容會如何處理。)

引數是scroll時候,必會出現滾動條。

引數是auto時候,子元素內容大於父元素時出現滾動條。

引數是visible時候,溢位的內容出現在父元素之外。

引數是hidden時候,溢位隱藏。

position屬性

四個可選值,它們分別是:static、absolute、fixed、relative。

◆position:static 無定位

該屬性值是所有元素定位的預設情況,在一般情況下,我們不需要特別的去宣告它,但有時候遇到繼承的情況,我們不願意見到元素所繼承的屬性影響本身,從而可以用position:static取消繼承,即還原元素定位的預設值。

◆position:absolute 絕對定位

使用position:absolute,能夠很準確的將元素移動到你想要的位置,絕對定位需要乙個參考 分當父級元素中有無 position:relative/fixed 有的話 參照這個元素絕對定位 沒有的話 參照window

◆position:fixed 相對於視窗的固定定位

這個定位屬性值是什麼意思呢?元素的定位方式同absolute類似,但它的包含塊是視區本身。在螢幕**如web瀏覽器中,元素在文件滾動時不會在瀏覽器視察中移動。例如,它允許框架樣式布局。在頁式**如列印輸出中,乙個固定元素會出現於第一頁的相同位置。這一點可用於生成流動標題或腳注。我們也見過相似的效果,但大都數效果不是通過css來實現了,而是應用了js指令碼。

請特別注意,ie6不支援css中的position:fixed屬性。真的非常遺憾,要不然我們就可以試試這種酷酷的效果了。

◆position:relative 相對定位

所謂相對定位到底是什麼意思呢,是基於**的相對呢?我們需要明確乙個概念,相對定位是相對於元素預設的位置的定位。既然是相對的,我們就需要設定不同的值來宣告定位在**,top、bottom、left、right四個數值配合,來明確元素的位置。

border:none以及border:0的區別

1.效果

border-style:none;//無邊框         

border-width:0;//邊框寬度為0px  

2.區別

(1)效能差異

border:0;瀏覽器對border-width、border-color進行渲染,占用記憶體。

border:none;瀏覽器不進行渲染,不占用記憶體。

當定義邊框時,必須定義邊框的顯示樣式.因為邊框預設樣式為不顯示none,所以僅設定邊框寬度,由於樣式不存在,邊框的寬度也自動被設定為0.

css sprites

定義:css sprites在國內很多人叫css精靈,是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。

方法:利用css的「background-image」,「background- repeat」,「background-position」的組合進行背景定位,background-position可以用數字精確的定位出背景的位置。

優勢:1、利用css sprites能很好地減少網頁的http請求,從而大大的提高頁面的效能,這也是css sprites最大的優點,也是其被廣泛傳播和應用的主要原因;

2、css sprites能減少的位元組,曾經比較過多次3張合併成1張的位元組總是小於這3張的位元組總和。

3、解決了網頁設計師在命名上的困擾,只需對一張集合的上命名就可以了,不需要對每乙個小元素進行命名,從而提高了網頁的製作效率。

4、更換風格方便,只需要在一張或少張上修改的顏色或樣式,整個網頁的風格就可以改變。維護起來更加方便。

知識點雜記

三 c 相關 1.qstring與qchar類 關於qchar類詳細的文章 1 qchar轉char型別 char a qchar qch a qch.tolatin1 qchar char 還有 toutf82 qstring轉qchar型別 qstring str abcde qchar b n...

Python 知識點雜記

輸入以空格分隔的陣列時,可使用字串的split函式按空格分隔,例如dir input split 得到了陣列dir 但是該陣列是以字串形式儲存的,所以此時,我們可以使用map函式,例 dir map int,input split 來獲得乙個int陣列。或者,如果需要使用數量已知的變數去儲存,可以直...

Fabric 知識點雜記

區塊 區塊鏈是由乙個區塊鍊錶定義的,每個區塊包含它在鏈中前乙個區塊的雜湊。區塊包含的另外兩個重要資訊是它包含區塊執行所有交易後的交易列表和世界狀態的雜湊 message block message blocktransactions域的定義 version 用來追蹤協議變化的版本號 timestam...