CSS的濫用 變得難於理解,難於維護

2021-06-20 12:50:12 字數 360 閱讀 6292

css宣告式控制ui,形式上簡單;編寫簡單。

一旦被濫用,就會出現相反的情形:產生冗餘,冗餘很難定位和清除,難於理解,動一處而牽扯全域性。

css只是**的一種形式,仍然需要瀏覽器在執行期間先把它轉譯成邏輯**,然後動態執行(渲染,繪製)。

css隨著**的巢狀關係和覆蓋關係的增加變得複雜起來。

10行css你看的很清爽,很清晰,很舒服,但是超過百行css估計就開始矇圈了吧,1000行呢?

你看得懂嗎?

你能快速梳理清楚它們之間的關係嗎?

我想改變ui的某處,你能很快找到到要修改那個地方的css嗎?

如果修改了css,你能判斷出來影響面有多大嗎?

css是個好東西,可別濫用。

css浮動的理解

浮動是指的是css的屬性float。對於設定了浮動的元素,在頁面效果上可以通俗的理解為 這個元素漂起來了 在水上 位置發生變化,不按html 中排列。從定義上理解,即該元素脫離了文件流 常規流 以下是mdn web docs中關於浮動的描述 float css屬性指定乙個元素應沿其容器的左側或右側放...

CSS讓網頁裡的提交按鈕變得更漂亮

你是不是覺得自己的主頁不夠靚麗,想讓它有所改變呢?聽說過樣式 嗎?就是css,它就是那個能讓你更為準確地控制網頁的東東。讓我們先來看兩個例子 1 把按鈕的背景由灰色變成黃色,下面是 form method post input type button value 按鈕 name b1 style b...

CSS讓網頁裡的提交按鈕變得更漂亮

你是不是覺得自己的主頁不夠靚麗,想讓它有所改變呢?聽說過樣式 嗎?就是css,它就是那個能讓你更為準確地控制網頁的東東。讓我們先來看兩個例子 1 把按鈕的背景由灰色變成黃色,下面是 formmethod post inputtype button value 按鈕 name b1 style bac...