css樣式圖片、漸變、相關(guān)小知識(shí)(必看)
我要評(píng)論一，background-position：（圖片定位）
三種寫法：
1）：按％比，左上角最小（0％，0%），右下角最大（100%，％100）；
2）：（x,y）左上角最?。?，0），右下角最大（max，max）；
3）top，center，left，right，bottom；
二，background-clip:
1，包含那一部分的值：border；padding；content；
三，background-origin:
1，從那一部分值開始：border；padding；con tent；
四，背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。
1，scroll：隨著頁(yè)面的其余部分滾動(dòng)
2，fixed ：固定在窗口的某個(gè)位置。
五，漸變：
1，線性漸變：linear-gradient：
1）如果是角度：角度，過(guò)渡色；
2）如果是top。。。，方向前加to，后過(guò)渡色；
2，逕向漸變：radial-gradient：
1）默認(rèn)是中心點(diǎn)漸變；
2）［size at left top］：其中size是漸變半徑。
3,重復(fù)漸變：
1）重復(fù)線性漸變：repeating－linear－gradient：格式跟線性漸變一樣。
2）重復(fù)逕向漸變：reoeating－radial－gradient：格式跟逕向漸變一樣。
以上這篇css樣式圖片、漸變、相關(guān)小知識(shí)(必看)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
原文地址：http://www.cnblogs.com/yzybc/p/5649602.html
相關(guān)文章
- 下面小編就為大家?guī)?lái)一篇引用css樣式的書寫格式詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-03
Web前端開發(fā)css基礎(chǔ)樣式總結(jié)(推薦)
下面小編就為大家?guī)?lái)一篇Web前端開發(fā)css基礎(chǔ)樣式總結(jié)(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-02
本特效是一款使用CSS3幀動(dòng)畫來(lái)制作的炫酷404頁(yè)面動(dòng)畫效果的代碼。該404頁(yè)面以書架為主題，歡迎下載使用2016-07-28- 下面小編就為大家?guī)?lái)一篇HTML CSS樣式基礎(chǔ)(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-23
- 這篇文章主要介紹了CSS更改鼠標(biāo)為手狀樣式的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-20
對(duì)于一些css樣式的巧妙方法進(jìn)行總結(jié)(推薦)
下面小編就為大家?guī)?lái)一篇對(duì)于一些css樣式的巧妙方法進(jìn)行總結(jié)(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-14- 下面小編就為大家?guī)?lái)一篇淺談CSS樣式權(quán)值。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-05
