此元素不會被顯示。
隱藏該區域,不佔實際空間。但對後台來說真實存在,可以獲取被隱藏的元素。
visibility: hidden----將元素隱藏,但是在網頁中該佔的位置還是佔著。(網頁佔位)
display: none----將元素的顯示設為無,即在網頁中不佔任何的位置。(網頁不佔位)
flex
是一種彈性布局屬性。注意,設flex
布局以後,子元素的float、clear
和vertical-align
屬性將失效。
主要屬性有兩大類:容器屬性和專案的屬性
塊狀顯示。類似在元素後面新增換行符,也就是說其他元素不能在其後面並列顯示。(將元素轉為塊狀元素,使該元素擁有塊狀元素的特點;)
設定元素為塊狀元素,如果不指定寬高,缺省會繼承父元素的寬度,並且獨佔一行,即使寬度有剩餘也會獨佔一行,高度一般以子元素撐開的高度為準,當然也可以自己設定寬度和高度。
當元素設定了float屬性後,就相當於給該元素加了display:block;宣告
內聯顯示。在元素後面刪除換行符,多個元素可以在一行內並列顯示。多個內聯元素佔同一行,直到放不下才換行。(元素轉換為內聯元素)設定width,height,margin-top,margin- bottom,padding-top,padding-bottom無效;元素的寬度就是它包含的文字或的寬度,不可改變。
行內塊元素顯示:元素的內容以塊狀顯示,行內的其他元素顯示在同一行。(只有這乙個元素型別支援vertical-align屬性)img,input(行內塊元素)。此元素前後沒有換行符,可以設定寬高
前端常見判斷
checkbox id prop checked 以後,返回true or false 設定checkbox是否被選中 input name selectit prop checked true false input name selectit prop checked selectit prop...
前端常見演算法 js
不管是在實際專案中還是在面試的時候我們大都會碰到演算法問題,比如排序啊,比較大小啊之類的這些最基本的演算法。我總結了一些,以後在碰到在慢慢補充。1.排序問題 1.1氣泡排序 氣泡排序演算法就是依次比較大小,小的的大的進行位置上的交換。var example 8 95,34 21,53 12 func...
前端常見儲存技術
瀏覽器端 cookie webstorage localstorage sessionstorage userdata indexeddb 伺服器端 session cookie 是靠譜的瀏覽器都支援 localstorge 比 cookie 存的更多,獲取更方便,而且儲存內容不會隨請求傳送給伺服器...