Blog

網頁反白設定「::selection」

不知道知各位是否有注意到,有些網站當滑鼠反白時,反白區域的底色好像不太一樣?

通常的反白底色應該是藍色,就是舊版Windows桌面(對,就是那張風景照)天空的藍色。但其實也可以像 INSIDE 這樣修改反白時的背景色跟字體顏色!

今天要介紹的 pseudo element 偽元素::selection就是負責這項設定。

Continue reading “網頁反白設定「::selection」”

Scss旅程(13) – 顏色(3)

今天是顏色這個大單元最後一部分,看完上次落落長的HSL,再看看這次要介紹的函式。

數量差有點大。(哎

雖然數量差頗大,但這次介紹的函式可以說是綜合了前兩篇的內容,所謂的一式多用就是這樣啊。

在正式開始前如想複習前兩篇,請往此走:

Scss旅程(11) – 顏色(1):以RGB為主的函式介紹

Scss旅程(12) – 顏色(2):以HSL為主的函式介紹

Continue reading “Scss旅程(13) – 顏色(3)”

Scss旅程(12) – 顏色(2)

今天延續之前的顏色,繼續介紹其他處理顏色相關的函式。

比起之前,今天介紹的函式做到的效果多了很多,當然介紹的內容也多了很多,各位別忘記盯著螢幕三十分鐘要記得望遠凝視一下喔

若有興趣一口氣看完函式,可以到官方直接看文件:Sass color (http://sass-lang.com/documentation/Sass/Script/Functions.html)

Continue reading “Scss旅程(12) – 顏色(2)”

Scss旅程(11) – 顏色(1)

今天要介紹的是Sass/Scss裡相當有趣的部分:顏色。

在一般的CSS裡使用顏色不外乎就是那十六進位的色碼,通常在設定顏色時,如果想更換顏色,就是查色碼表,然後換上另一個色碼。

當然在使用Scss時也是可以這樣用,但對於顏色部分,Scss提供了不少的「函式」可以拿來玩、不是,是可以拿來用,在修改顏色時多了不少的樂趣。

由於函式眾多,這部分會分成三週進行介紹,有興趣也可以到Sass官方直接看文件:Sass color (http://sass-lang.com/documentation/Sass/Script/Functions.html)

Continue reading “Scss旅程(11) – 顏色(1)”

Powered by WordPress.com.

Up ↑