︿
✖ CLOSE

#CSS

CSS compressor 線上壓縮 CSS 語法網站

CSS compressor是一個線上CSS壓縮工具,透過這個網站能將原本複雜又長的CSS語法縮短,此外CSS compressor也能夠優化及減少CSS 不必要的語法。壓縮CSS檔案能夠在網頁瀏覽時增加載入速度,讓網站能夠在瀏覽時更順暢。 […]

2019-06-12 │ Jin@RJ
控制英文字母大小寫的CSS語法 text-transform

不知道有沒有發現本站的上方選單一直以來英文都是呈現大寫的英文字母,當時也沒有特別想要去修改這項,不過最近一直想改版所以才知道 text-transform 這項CSS語法能夠控制英文字母的大小寫。 […]

2019-05-02 │ Jin@RJ
Reset CSS 讓網頁排版於各大瀏覽器一致

Reset CSS 是一個為了避免各大瀏覽器的影響導致不一致而誕生的檔案,在一開始撰寫網頁時就必須先放上 Reset CSS 讓 CSS 設定重置歸零,避免在之後撰寫CSS時遇到一些瀏覽器顯示網頁排版不同。這次則是要介紹由 Eric A. Meyer 所撰寫的Reset CSS 語法,只需要將語法放置所撰寫的 CSS 檔案內就能擁有這項效果。 […]

2018-04-13 │ Jin@RJ
CSS3 透明度的使用方法

CSS3 其中有一項很特別功能 Opacity 也就是透明度,使用這個方法來製作許多效果。 […]

2017-12-22 │ Jin@RJ
Google 搜尋顏色代碼 Color Picker 選色器工具

Google 搜尋直接搜尋 Color Picker 或者顏色代碼,就能直接出現 Color Picker 顏色代碼及選色器,讓網頁、繪圖製作者直接挑選類似的顏色,不需要透過軟體就能直接快速尋找到顏色代碼。 […]

2017-11-28 │ Jin@RJ
使用 CSS3 ::selection 修改滑鼠框選反白預設顏色

在網頁時框選文字時,預設大多為藍底白字,在製作網頁時就能使用 CSS3 的語法 ::selection 來修改滑鼠框選時反白的顏色來增加多樣性,這次就來教學怎麼使用此項語法囉。 […]

2017-11-08 │ Jin@RJ
CSS 上的圓角語法

這次要來介紹 CSS 上的框線語法來讓上下左右的邊邊圓角化,只需要透過 border-radius 這項語法的調整就能很容易辦到囉。 […]

2017-08-10 │ Jin@RJ
【Chrome 擴充】csscan 網頁設計師的好工具

製作網頁時會使用到 CSS 語法來撰寫樣式,使用內建的網頁語法檢視器時,每個區塊都會擠在一起,都需要特別仔細的去看每條的 CSS 語法,常常搞不清楚那一塊版面是哪段語法。如果需要很明確知道的話,Chrome 瀏覽器內的一款擴充工具 csscan,只要滑動網頁的區塊就能即時顯示 CSS 語法,每個區塊都標示得相當清楚。 […]

2017-07-25 │ Jin@RJ