-
:not選擇器稱為否定選擇器，和jQuery中的:not選擇器一模一樣，可以選擇除某個元素之外的所有元素。input:not([type="submit"]){ ??border:1px?solid?red; }查看全部 -
:root”選擇器等同于<html>元素
建議使用:root方法。
另外在IE９以下還可以借助“:root”實現(xiàn)hack功能。
查看全部 -
:empty選擇器表示的就是空。用來選擇沒有任何內(nèi)容的元素，這里沒有內(nèi)容指的是一點內(nèi)容都沒有，哪怕是一個空格。HTML代碼：
<p>我是一個段落</p> <p>?</p> <p></p>
查看全部 -
div:not([id="除...之外不加屬性"}){
background: orange；//顏色
boput:not ([type="除...之外不加屬性"]){
border:1px solid red;
}
查看全部 -
:root{ ?}
=
html{ ?}?
查看全部 -
注意陰影數(shù)值的正負 陰影x軸向右偏移，y軸向下偏移為正查看全部
-
:checked選擇器
z-index:100：使按鈕在上一層，不加點擊區(qū)域會不靈敏
name相同才能建立互斥關系，一個選中另一個取消。
+是css相鄰選擇符：
????????共4種關系選擇符：空格：+>在偽類選擇器中用
opacity：0-1透明度
查看全部 -
2、<長度值>：成對出現(xiàn)如200px 50px，將背景圖片寬高依次設置為前面兩個值，當設置一個值時，將其作為圖片寬度值來等比縮放；
查看全部 -
但是text-overflow只是用來說明文字溢出時用什么方式顯示，要實現(xiàn)溢出時產(chǎn)生省略號的效果，還須定義強制文本在一行內(nèi)顯示（white-space:nowrap）及溢出內(nèi)容為隱藏（overflow:hidden），只有這樣才能實現(xiàn)溢出文本顯示省略號的效果
查看全部 -
注意：inset 可以寫在參數(shù)的第一個或最后一個，其它位置是無效的
查看全部 -
background-size:?auto?|?<長度值>?|?<百分比>?|?cover?|?contain
設置背景圖片的大小，以長度值或百分比顯示，還可以通過cover和contain來對圖片進行伸縮。
1、auto：默認值，不改變背景圖片的原始高度和寬度；
2、<長度值>：成對出現(xiàn)如200px 50px，將背景圖片寬高依次設置為前面兩個值，當設置一個值時，將其作為圖片寬度值來等比縮放；
3、<百分比>：0％~100％之間的任何值，將背景圖片寬高依次設置為所在元素寬高乘以前面百分比得出的數(shù)值，當設置一個值時同上；
4、cover：顧名思義為覆蓋，即將背景圖片等比縮放以填滿整個容器；
5、contain：容納，即將背景圖片等比縮放至某一邊緊貼容器邊緣為止。
查看全部 -
background-origin?：?border-box?|?padding-box?|?content-box;
設置元素背景圖片的原始起始位置。
參數(shù)分別表示背景圖片是從邊框，還是內(nèi)邊距（默認值），或者是內(nèi)容區(qū)域開始顯示。
需要注意的是，如果背景不是no-repeat，這個屬性無效，它會從邊框開始顯示。
background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat;
查看全部 -
text-shadow:?X-Offset?Y-Offset?blur?color;
X-Offset：表示陰影的水平偏移距離，其值為正值時陰影向右偏移，反之向左偏移；??????
Y-Offset：是指陰影的垂直偏移距離，如果其值是正值時，陰影向下偏移，反之向上偏移；
Blur：是指陰影的模糊程度，其值不能是負值，如果值越大，陰影越模糊，反之陰影越清晰，如果不需要陰影模糊可以將Blur值設置為0；
Color：是指陰影的顏色，其可以使用rgba色。
查看全部 -
@font-face?{ ????font-family?:?字體名稱; ????src?:?字體文件在服務器上的相對或絕對路徑; }font-family?:?"My?Font";
查看全部 -
linear-gradient(to top/bottom/left/right,#fff,#999)
CSS3?Gradient?分為線性漸變(linear)和徑向漸變(radial)
漸變方向to ...
第二個和第三個參數(shù)，表示顏色的起始點和結束點，可以有多個顏色值。
background-image:linear-gradient(to?left,?red,?orange,yellow,green,blue,indigo,violet);
查看全部
舉報