-
RGB由紅(R)、綠(G)、藍(lán)(B)
RGBA是在RGB的基礎(chǔ)上增加了控制alpha透明度的參數(shù)。
R、G、B三個參數(shù)，正整數(shù)值的取值范圍為：0 - 255
color：rgba(R,G,B,A)
查看全部 -
border-image:url(borderimg.png)?70?repeat
---repeat,Round,Stretch?
查看全部 -
box-shadow:?X軸偏移量?Y軸偏移量?[陰影模糊半徑]?[陰影擴(kuò)展半徑]?[陰影顏色]?[投影方式]; 注意：inset?可以寫在參數(shù)的第一個或最后一個，其它位置是無效的。
如果添加多個陰影，只需用逗號隔開即可。
查看全部 -
文字顯示省略號： text-overflow:ellipsis;? overflow:hidden;? white-space:nowrap;
查看全部 -
別人的代碼，拿來參考
查看全部 -
第一個參數(shù)省略時，默認(rèn)為“180deg”，等同于“to?bottom”。
第二個和第三個參數(shù)，表示顏色的起始點和結(jié)束點，可以有多個顏色值。
background-image:linear-gradient(to?left,?red,?orange,yellow,green,blue,indigo,violet);
查看全部 -
color：rgba(R,G,B,A)
R、G、B三個參數(shù)，正整數(shù)值的取值范圍為：0 - 255
A為透明度參數(shù)，取值在0~1之間，不可為負(fù)值
查看全部 -
圖片邊框：
border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg)70 stretch;
border-image:url(xx.jpg)?切割圖片的寬度?圖片延伸方式;
1.70表示70px，省略px，否則報錯；
2.圖片延伸方式：round平鋪，repeat重復(fù)，stretch拉伸
round（平鋪）:可理解為圓滿的平鋪，為了實現(xiàn)圓滿所以會壓縮/拉伸；
repeat（重復(fù)）：一直重復(fù)，超出部分剪裁掉，而且是居中開始重復(fù)；
查看全部 -
實現(xiàn)文字溢出顯示省略號 text-overflow:ellipsis;? overflow:hidden;? white-space:nowrap;
查看全部 -
.clearfix:before, .clearfix:after { content:””; display:table; } .clearfix:after { clear:both; overflow:hidden; }查看全部
-
清除浮動: .clearfix::before, .clearfix::after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;}查看全部
-
在編寫CSS3樣式時，不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規(guī)則尚未成為W3C標(biāo)準(zhǔn)的一部分，是瀏覽器的私有屬性，雖然目前較新版本的瀏覽器都是不需要前綴的，但為了更好的向前兼容前綴還是少不了的。
前綴
瀏覽器
-webkit
chrome和safari
-moz
firefox
-ms
IE
-o
opera
查看全部 -
skew 扭曲
查看全部 -
z-index//正數(shù)在上，負(fù)數(shù)在下。eg滾動條
css2為單冒號。css3為雙冒號
::before，::after與content一起用
查看全部 -
firefox? ::-moz-selection
其它 ::selection
查看全部
舉報