前端 CSS display常見屬性

2021-10-03 01:55:11 字數 1044 閱讀 1845

此元素不會被顯示。

隱藏該區域,不佔實際空間。但對後台來說真實存在,可以獲取被隱藏的元素。

visibility: hidden----將元素隱藏,但是在網頁中該佔的位置還是佔著。(網頁佔位)

display: none----將元素的顯示設為無,即在網頁中不佔任何的位置。(網頁不佔位)

flex是一種彈性布局屬性。注意,設flex布局以後,子元素的float、clearvertical-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 存的更多,獲取更方便,而且儲存內容不會隨請求傳送給伺服器...