DIV CSS中的濾鏡和模糊

2022-05-26 14:06:14 字數 1622 閱讀 7643

div+css中,經常會用到divspan

當內容比較多的時候,會用到div

當內容比較少的時候,會用到span

來看下面的**:

欄目一欄目二

欄目三欄目四

欄目五

執行後的效果如下:

在這裡設定了字型的粗細.

設定段落字型的粗細的屬性:

font-weigth屬性設定文字的粗細.

使用bold關鍵字可以將文字設定為粗體.

關鍵字100~900為字型指定了9級加粗度,如果乙個字型內建了這些加粗級別,那麼這些數字就直接對映到預定義的級別.

如果將元素的加粗設定為bolder,瀏覽器會設定比所繼承值更粗的乙個字型加粗.

p.normal

p.thick

p.thicker

看到上面的**,是不是感覺很low.

假如現在想把上面的五行字都換成跟第一行字的效果一樣,有什麼好的辦法呢???

來看下面的這段**:

欄目一欄目二

欄目三欄目四

欄目五

重新整理瀏覽器,效果如下:

這樣想一次性修改五行的樣式的話,就可以相接修改style裡面的**就可以了.

比如,現在想把五行的字型都變成斜體的話,就可以加上下面的屬性就可以了.

font-style:italic;
修改後的**如下:

欄目一欄目二

欄目三欄目四

欄目五

重新整理瀏覽器後得到的效果如下:

可以看到css可以統一**的風格.

**如下:

當正常顯示,滑鼠沒有放在上的時候,顯示的是灰色的;

這就是濾鏡的效果.

把滑鼠放在第一張上,顯示的效果如下:

再把滑鼠放在第四張上,顯示的效果如下:

這就達到想要的模糊的效果了.

CoreImage 中的模糊濾鏡

原始 濾鏡處理型別 cifilter cifilter cifilter filterwithname cigaussianblur cifilter setvalue ciima forkey kciinputimagekey 設定模糊程度 0最小 cifilter setvalue 3 fork...

濾鏡高斯模糊的邊界或邊框問題的解決和優化

相信有很多剛剛接觸svg濾鏡模糊的新人們都可能遇到過這種問題 1.當模糊偏量很小的時候 這是我們期望的並且沒有什麼問題 當偏量略大時 對於半徑為10時,2偏量的模糊已經出現了問題 高斯模糊的偏量為2時已經出現問題了 高斯模糊偏量為3問題更明顯 關鍵標籤 fecomposite 乙個神奇的標籤,可以將...

Python實現PS濾鏡的旋轉模糊功能示例

from skimage import img as float import程式設計客棧 matplotlib.pyplot as plt 附 ps 濾鏡 旋轉模糊 這裡給出灰度影象的模糊演算法,彩色影象只要分別對三個通道做模糊即可。spin blur 旋轉模糊 逆時針 x1 x0 radian ...