css部分細節 持續更新

2021-07-12 06:51:51 字數 657 閱讀 1717

1.opacity 不透明度,值從0.0(完全透明)到1.0(完全不透明)。

ie8不支援該屬性,firefox41支援該屬性。

ie8 以及更早的版本使用濾鏡 filter 屬性來表示不透明度。例如:filter:alpha(opacity=50)。其中opacity值為0到100,值越小越透明。

2.float以及塊元素和內聯元素:

塊元素才會有物理屬性,在css世界裡邊,有三種形態的東西,

塊元素。 特性:有物理屬性,width,height寫值起作用,而且要佔據一行。

內聯元素。 特性:沒有物理屬性。但是margin,padding值有用。不佔據一行,後邊可以有兄弟元素。

既是塊又是內聯,根據兄弟兄弟元素決定。

為什麼是float之後才會有物理屬性,這就是塊與內聯元素相互轉化的問題。

塊元素 -> 內聯元素: display:inline;

內聯元素 -> 塊元素: display:block;

float就是隱性的把內聯元素轉化為塊元素,這是對內部的特性就是有物理特性,但是他不佔據一行。對外是內聯元素的屬性。他有個壞處就是會影響兄弟元素。相當於:display:inline-block;

那為什麼不直接display:inline-block;因為這個玩藝在ie6下有幾個px的bug。

3.

CSS學習(持續更新)

學習css的過程中遇到的一些值得留下筆記的地方 1.樣式衝突 特殊性 id class 元素名本身 如元素p 順序 特殊性相同時,後出現的優先順序高 重要性important 在樣式後加 important 提高樣式重要性,這樣在遇到樣式衝突時,網頁將使用有important的樣式,而不是後出現的樣...

css總結(持續更新)

1.當可以在乙個元件中同時使用有作用域和無作用域的樣式 使用scoped後,父元件的樣式將不會滲透到子元件中。不過乙個子元件的根節點會同時受其父元件有作用域的css和子元件有作用域的css的影響。這樣設計是為了讓父元件可以從布局的角度出發,調整其子元件根元素的樣式。如果你希望scoped樣式中的乙個...

Nodejs 一些細節 (持續更新)

三者的區別是 命令說明 process.cwd 獲得當前執行 node 命令時候的資料夾目錄名 dirname 獲得當前執行檔案所在目錄的完整目錄名 filename 獲得當前執行檔案的帶有完整絕對路徑的檔名 例子說明 假設我們建立乙個全域性的 cli 它的專案路徑在d myproject mycl...