ul.pagination li a.active { background-color:red; color: white; border-radius: 25px; }
2016-12-050個贊
transition 簡寫屬性，用于在一個屬性中設(shè)置四個過渡屬性。 transition-property 規(guī)定應(yīng)用過渡的 CSS 屬性的名稱。 transition-duration 定義過渡效果花費(fèi)的時間。默認(rèn)是 0。 transition-timing-function 規(guī)定過渡效果的時間曲線。默認(rèn)是 "ease"。 transition-delay 規(guī)定過渡效果何時開始。默認(rèn)是 0。
2016-11-240個贊
width(寬) + padding(內(nèi)邊距) + border(邊框) = 元素實(shí)際寬度 height(高) + padding(內(nèi)邊距) + border(邊框) = 元素實(shí)際高度
2016-12-050個贊
animation 所有動畫屬性的簡寫屬性，除了 animation-play-state 屬性。 animation-name 規(guī)定 @keyframes 動畫的名稱。 animation-duration 規(guī)定動畫完成一個周期所花費(fèi)的秒或毫秒。默認(rèn)是 0。 animation-timing-function 規(guī)定動畫的速度曲線。默認(rèn)是 "ease"。 animation-delay 規(guī)定動畫何時開始。默認(rèn)是 0。 animation-iteration-count 規(guī)定動畫被播放的次數(shù)。默認(rèn)是 1。 animation-direction 規(guī)定動畫是否在下一周期逆向地播放。默認(rèn)是 "normal"。 animation-play-state 規(guī)定動畫是否正在運(yùn)行或暫停。默認(rèn)是 "running"。
2016-11-240個贊
所屬章節(jié)課程：CSS3 彈性盒子(Flex Box)
flex-direction: row | row-reverse | column | column-reverse row：橫向從左到右排列（左對齊），默認(rèn)的排列方式。 row-reverse：反轉(zhuǎn)橫向排列（右對齊，從后往前排，最后一項(xiàng)排在最前面。 column：縱向排列。 row-reverse：反轉(zhuǎn)縱向排列，從后往前排，最后一項(xiàng)排在最上面。
2016-12-050個贊
only: 用來定某種特別的媒體類型。對于支持Media Queries的移動設(shè)備來說，如果存在only關(guān)鍵字，移動設(shè)備的Web瀏覽器會忽略only關(guān)鍵字并直接根據(jù)后面的表達(dá)式應(yīng)用樣式文件。
2016-12-050個贊
<style> ul { list-style-type: none; } ul li a { color: green; text-decoration: none; padding: 3px; display: block; } @media screen and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) { ul li a { padding-left: 30px; background-color:pink; } } @media screen and (max-width: 1000px) and (min-width: 700px) { ul li a:before { content: "name: "; font-style: italic; color: #666666; } } @media screen and (min-width: 1001px) { ul li a:after { content: " (" attr(data-email) ")"; font-size: 12px; font-style: italic; color: #666666; } } </style> <ul> <li><a data-email="johndoe@example.com" href="mailto:johndoe@example.com">Doe</a></li> <li><a data-email="marymoe@example.com" href="mailto:marymoe@example.com">Moe</a></li> <li><a data-email="amandapanda@example.com" href="mailto:amandapanda@example.com">Panda</a></li> </ul>
2016-12-050個贊
column-width：<length> | auto 設(shè)置或檢索對象每列的寬度 column-count：<integer> | auto 設(shè)置或檢索對象的列數(shù) column-gap：<length> | normal 設(shè)置或檢索對象的列與列之間的間隙
2016-11-240個贊
box-sizing 屬性允許您以確切的方式定義適應(yīng)某個區(qū)域的具體內(nèi)容。 outline-offset 屬性對輪廓進(jìn)行偏移，并在超出邊框邊緣的位置繪制輪廓。
2016-11-240個贊
img{ border-radius:50%;}
2016-11-240個贊
background-color 屬性來設(shè)置按鈕顏色 font-size 屬性來設(shè)置按鈕大小 border-radius 屬性來設(shè)置圓角按鈕 border 屬性設(shè)置按鈕邊框顏色 box-shadow 屬性來為按鈕添加陰影
2016-11-240個贊
CSS3被拆分為"模塊"。舊規(guī)范已拆分成小塊，還增加了新的
2016-12-060個贊
border-image 設(shè)置所有邊框圖像的速記屬性。 border-radius 一個用于設(shè)置所有四個邊框- *-半徑屬性的速記屬性 box-shadow 附加一個或多個下拉框的陰影 outline:none 去除文本框默認(rèn)樣式
2016-12-060個贊
transition: background-color .3s;
2016-11-240個贊
<!DOCTYPE html> <html> <head> <title>圓角</title> <style> div{ width:150px;height:100px;border:1px solid red; border-radius:25px 8px 30px 15px; /*也可以寫4個參數(shù)，上右下左,寫一個參數(shù)的效果4個角的圓角效果相同*/ } </style> </head> <body> <div></div> </body> </html>
2016-12-060個贊
