CSS中一些使用的知識點(初級篇)

2021-08-01 17:05:37 字數 1264 閱讀 5234

首先肯定是最常用的盒模型,首先就是要注重起來除錯工具,我們就以谷歌和火狐的瀏覽器作為除錯工具,因為這兩個除錯工具是最好的。也是最友善的。

1.先來看看,谷歌瀏覽器,學習css無非就是對最常用的屬性能看懂明白,先給大家看看谷歌的盒模型的影象,

接下來看看火狐的瀏覽器的盒模型:

火狐的瀏覽器對盒模型解釋的更清楚,讓人一目了然。很適合初學者來進行樣式的除錯。

這是我們學習css的第一步,不需要對盒模型的基本知識掌握,之後出現的各種複雜布局才能一一破解。

2.我們來看看display和visibility這兩個東西的一些知識點的比較

display主要用到的是那些屬性呢,我們來乙個乙個看看;

㈠display:block:指定物件為塊元素。可以讓一些行內元素轉化為塊元素。行內元素和塊元素的區別,我想開始學css的都應該知道了吧。

㈡display:none:隱藏物件。與

visibility

屬性的hidden值不同,其不為被隱藏的物件保留其物理空間。說白了就是什麼都沒有留下。

㈢display:inline :

指定物件為內聯元素。可以是塊元素程式設計行內元素。也可以寫成inline-block轉化為行內塊元素。

上面是最常用到的,當然還有別的,比如:

flex,使用彈性伸縮盒布局。

table:

指定物件作為塊元素級的**。後續感興趣的朋友可以深入的去研究。

visibility:這個屬性主要用到下面三個,

visible:設定物件可視

hidden:設定物件隱藏

collapse:主要用來隱藏**的行或列。隱藏的行或列能夠被其他內容使用。對於**外的其他物件,其作用等同於hidden。

其中我主要還是想說hidden和display:none是不一樣的。hidden屬性為隱藏物件保留其佔據的物理空間。

3.接下來我主要說說自己覺得css其中比較重要的一些知識點,比如:那些屬性可以繼承父級的屬性,你必須仔細的去研究這些屬性的特點,那些屬性在特定條件下起作用,在不同的條件下又會呈現不同的作用。css要想學好,還是要多多去布局一些,看一些複雜的布局,慢慢才能把很多瑣碎的知識點吃透。這些知識只能一點一點的去啃,去鑽研,沒有別的捷徑可走,與所有前端愛好者共勉。。。。。

初賽中 一些知識點

32位系統的處理器最大只支援到232 bit 4g記憶體,64位系統最大支援的記憶體高達億位數。原碼 轉成二進位制數後在最前面加上符號位,0為正數,1為負數 反碼 正數的反碼是其本身,負數的反碼是除符號位外全部取反 補碼 正數的補碼是其本身,負數的補碼是反碼加一 原碼的補碼的和等於原碼的和的補碼 儲...

kotlin中一些知識點

1.委託屬性 語法是 val var 屬性名 型別 by 表示式 2.可空型別?可為空 如果不為空 3.類布局 通常,乙個類的內容按以下順序排列 屬性宣告與初始化塊 次建構函式 方法宣告 伴生物件 不要按字母順序或者可見性對方法宣告排序,也不要將常規方法與擴充套件方法分開。選擇乙個順序 高階別優先,...

java中一些基礎知識點

運算子 注意 整數被0除將會產生乙個異常,浮點數被0除會得到無窮大或nan 關係運算子 expression1 expression2 第乙個表示式expression1為假時,不必計算第二個表示式 x 0 1 x 此方式可避免後乙個表示式被零除 位運算子 與 或 異或 非 通過2的冪次方和 運算可...