CSS中有許多數(shù)字,如顏色值、尺寸值等。在編寫CSS代碼時(shí),經(jīng)常需要對(duì)數(shù)字進(jìn)行判斷,在這里我們介紹一些常用的方法。
/* 判斷顏色值是否合法 */ .selector { color: #123456; background-color: #fff; border-color: rgb(255,255,255); } /* 判斷尺寸值是否合法 */ .selector { width: 100px; height: 50%; margin: 0 auto; padding: 10px 20px; font-size: 16px; } /* 判斷透明度值是否合法 */ .selector { opacity: 0.5; } /* 判斷 z-index 值是否合法 */ .selector1 { z-index: 100; } .selector2 { z-index: -1; }
在判斷顏色值時(shí),我們需要注意十六進(jìn)制顏色值或者rgb顏色值必須符合CSS規(guī)范,否則會(huì)被瀏覽器忽略。在判斷尺寸值時(shí),需要注意單位的正確性,如px、em等。判斷透明度值時(shí),透明度的取值范圍為0~1。判斷z-index值時(shí),需要注意值的大小以及是否為負(fù)數(shù)。