After following, you can keep track of his dynamic information in a timely manner
Courses in the relevant section:CSS pagination
ul.pagination li a.active { background-color:red; color: white; border-radius: 25px; }
2016-12-050個(gè)贊
Courses in the relevant section:CSS3 transition
transition 簡(jiǎn)寫屬性,用于在一個(gè)屬性中設(shè)置四個(gè)過渡屬性。 transition-property 規(guī)定應(yīng)用過渡的 CSS 屬性的名稱。 transition-duration 定義過渡效果花費(fèi)的時(shí)間。默認(rèn)是 0。 transition-timing-function 規(guī)定過渡效果的時(shí)間曲線。默認(rèn)是 "ease"。 transition-delay 規(guī)定過渡效果何時(shí)開始。默認(rèn)是 0。
2016-11-240個(gè)贊
Courses in the relevant section:CSS3 border size
width(寬) + padding(內(nèi)邊距) + border(邊框) = 元素實(shí)際寬度 height(高) + padding(內(nèi)邊距) + border(邊框) = 元素實(shí)際高度
2016-12-050個(gè)贊
Courses in the relevant section:CSS3 animation
animation 所有動(dòng)畫屬性的簡(jiǎn)寫屬性,除了 animation-play-state 屬性。 animation-name 規(guī)定 @keyframes 動(dòng)畫的名稱。 animation-duration 規(guī)定動(dòng)畫完成一個(gè)周期所花費(fèi)的秒或毫秒。默認(rèn)是 0。 animation-timing-function 規(guī)定動(dòng)畫的速度曲線。默認(rèn)是 "ease"。 animation-delay 規(guī)定動(dòng)畫何時(shí)開始。默認(rèn)是 0。 animation-iteration-count 規(guī)定動(dòng)畫被播放的次數(shù)。默認(rèn)是 1。 animation-direction 規(guī)定動(dòng)畫是否在下一周期逆向地播放。默認(rèn)是 "normal"。 animation-play-state 規(guī)定動(dòng)畫是否正在運(yùn)行或暫停。默認(rèn)是 "running"。
2016-11-240個(gè)贊
Courses in the relevant section:CSS3 Flex Box (Flex Box)
flex-direction: row | row-reverse | column | column-reverse row:橫向從左到右排列(左對(duì)齊),默認(rèn)的排列方式。 row-reverse:反轉(zhuǎn)橫向排列(右對(duì)齊,從后往前排,最后一項(xiàng)排在最前面。 column:縱向排列。 row-reverse:反轉(zhuǎn)縱向排列,從后往前排,最后一項(xiàng)排在最上面。
2016-12-050個(gè)贊
Courses in the relevant section:CSS3 multimedia queries
only: 用來定某種特別的媒體類型。對(duì)于支持Media Queries的移動(dòng)設(shè)備來說,如果存在only關(guān)鍵字,移動(dòng)設(shè)備的Web瀏覽器會(huì)忽略only關(guān)鍵字并直接根據(jù)后面的表達(dá)式應(yīng)用樣式文件。
2016-12-050個(gè)贊
Courses in the relevant section:CSS3 multimedia query example
<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個(gè)贊
Courses in the relevant section:CSS3 multiple columns
column-width:<length> | auto 設(shè)置或檢索對(duì)象每列的寬度 column-count:<integer> | auto 設(shè)置或檢索對(duì)象的列數(shù) column-gap:<length> | normal 設(shè)置或檢索對(duì)象的列與列之間的間隙
2016-11-240個(gè)贊
Courses in the relevant section:CSS3 user interface
box-sizing 屬性允許您以確切的方式定義適應(yīng)某個(gè)區(qū)域的具體內(nèi)容。 outline-offset 屬性對(duì)輪廓進(jìn)行偏移,并在超出邊框邊緣的位置繪制輪廓。
2016-11-240個(gè)贊
Courses in the relevant section:CSS images
img{ border-radius:50%;}
2016-11-240個(gè)贊
Courses in the relevant section:CSS button
background-color 屬性來設(shè)置按鈕顏色 font-size 屬性來設(shè)置按鈕大小 border-radius 屬性來設(shè)置圓角按鈕 border 屬性設(shè)置按鈕邊框顏色 box-shadow 屬性來為按鈕添加陰影
2016-11-240個(gè)贊
Courses in the relevant section:Introduction to CSS3
CSS3被拆分為"模塊"。舊規(guī)范已拆分成小塊,還增加了新的
2016-12-060個(gè)贊
Courses in the relevant section:CSS3 border
border-image 設(shè)置所有邊框圖像的速記屬性。 border-radius 一個(gè)用于設(shè)置所有四個(gè)邊框- *-半徑屬性的速記屬性 box-shadow 附加一個(gè)或多個(gè)下拉框的陰影 outline:none 去除文本框默認(rèn)樣式
2016-12-060個(gè)贊
Courses in the relevant section:CSS pagination
transition: background-color .3s;
2016-11-240個(gè)贊
Courses in the relevant section:CSS3 rounded corners
<!DOCTYPE html> <html> <head> <title>圓角</title> <style> div{ width:150px;height:100px;border:1px solid red; border-radius:25px 8px 30px 15px; /*也可以寫4個(gè)參數(shù),上右下左,寫一個(gè)參數(shù)的效果4個(gè)角的圓角效果相同*/ } </style> </head> <body> <div></div> </body> </html>
2016-12-060個(gè)贊