Selector的2種樣式

2022-03-02 19:21:45 字數 638 閱讀 8815

【!-- selector的樣式1--】【注:選中前、軒中式、選中後;下面:一種是、一種是扁平化風格】

<?xml version="1.0" encoding="utf-8"?>

">

【!-- selector的樣式2--】

<?xml version="1.0" encoding="utf-8"?>

">

【屬性解釋】 【gradient:漸變】 android:startcolor:起始顏色;android:endcolor結束顏色,android:angle:漸變角度,必須為45的整數倍。

另外漸變預設的模式為android:type="linear",即線性漸變,可以指定漸變為徑向漸變,android:type="radial",徑向漸變需要指定半徑android:gradientradius="50"。

【stroke:描邊】 android:width:描邊的寬度,android:color: 描邊的顏色。 描邊可以做成虛線的式,設定方式為:android:dashwidth:乙個橫線的寬度;android:dashgap:之間隔開的距離.

【corners:圓角】 android:radius:角的弧度,值越大角越圓。

【padding:內間距】

【solid為背景填充色】

HTML5新增的3種selector方法

1 queryselector 方法接收乙個css選擇符,返回與該模式匹配的第乙個元素,如果沒有找到匹配的元素,返回null。lang en charset utf 8 titletitle head style height 100 class box id box style height 20...

關於移動端swiper的2種樣式重置

思路 主要考慮選擇器優先順序大於預設就可以隨意擼碼 注意 該demo裡用的mobile adaptive.js是讓頁面以rem自適應,也就那麼幾行。可以參考 位址 下面附上重置樣式的 top banner.top bannerlists a,top bannerlists img.swiper co...

關於移動端swiper的2種樣式重置

思路 主要考慮選擇器優先順序大於預設就可以隨意擼碼 注意 該demo裡用的mobile adaptive.js是讓頁面以rem自適應,也就那麼幾行。可以參考 位址 下面附上重置樣式的 top banner.top bannerlists a,top bannerlists img.swiper co...