Selepas mengikuti, anda boleh menjejaki maklumat dinamiknya tepat pada masanya
Kursus dalam bahagian yang berkaitan:latar belakang-asal
CSS3中新增,雖然當(dāng)然存在一定的瀏覽器兼容問題(主要是因?yàn)榈桶姹綢E瀏覽器所致),不過隨時(shí)時(shí)間的推移,CSS3將成為主流,下面就結(jié)合實(shí)例代碼詳細(xì)介紹一下此屬性的用法。
2016-11-170個(gè)贊
Kursus dalam bahagian yang berkaitan:Pengenalan kepada CSS3
CSS3 是 CSS 的升級(jí)版本,這套新標(biāo)準(zhǔn)提供了更加豐富且實(shí)用的規(guī)范,如:盒子模型、列表模塊、超鏈接方式、語(yǔ)言模塊、背景和邊框、文字特效、多欄布局等等,目前有很多瀏覽器已經(jīng)相繼支持這項(xiàng)升級(jí)的規(guī)范
2016-11-240個(gè)贊
Kursus dalam bahagian yang berkaitan:Pemilih gabungan CSS
子元素選擇器(以大于號(hào)分隔) 相鄰兄弟選擇器(以加號(hào)分隔) 普通兄弟選擇器(以破折號(hào)分隔)
2016-11-260個(gè)贊
Kursus dalam bahagian yang berkaitan:sempadan CSS3
Border-color(設(shè)置邊框顏色) Border-image(通過圖片設(shè)置為邊框) Border-radius(邊框的半徑) box-shadow(陰影效果)
2016-11-240個(gè)贊
Kursus dalam bahagian yang berkaitan:kelas pseudo CSS
a:link {background-color:#B2FF99;} a:visited {background-color:#FFFF85;} a:hover {background-color:#FF704D;} a:active {background-color:#FF704D;}
2016-11-260個(gè)贊
Kursus dalam bahagian yang berkaitan:unsur pseudo CSS
"first-line" 偽元素用于向文本的首行設(shè)置特殊樣式。
2016-11-260個(gè)贊
Kursus dalam bahagian yang berkaitan:Bar navigasi CSS
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)</title> </head> <body> <ul> <li><a href="#">首頁(yè)</a></li> <li><a href="#">新聞</a></li> <li><a href="#">娛樂</a></li> <li><a href="#">關(guān)于</a></li> </ul> </body> </html>
2016-11-260個(gè)贊
Kursus dalam bahagian yang berkaitan:Menu lungsur turun CSS
position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 15px 40px; color: #fff; }
2016-11-260個(gè)贊
Kursus dalam bahagian yang berkaitan:Galeri Imej CSS
div.img { margin: 2px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; }
2016-11-260個(gè)贊
Kursus dalam bahagian yang berkaitan:Transformasi 2D CSS3
translate()方法,元素從當(dāng)前位置移動(dòng),根據(jù)給定的left(x坐標(biāo))和top(y坐標(biāo))位移參數(shù) rotate()方法,元素順時(shí)針給定的角度、允許負(fù)值,元素將逆時(shí)針旋轉(zhuǎn) 通過skew()方法,元素傾斜給定的角度,根據(jù)給定的水平線(X軸)和垂直線(Y軸)參數(shù) matrix()方法把所有2D轉(zhuǎn)換方法組合在一起
2016-12-050個(gè)贊
Kursus dalam bahagian yang berkaitan:Imej CSS telus/legap
半透明 opacity: 0.2;
2016-11-260個(gè)贊
Kursus dalam bahagian yang berkaitan:Transformasi 3D CSS3
transform 向元素應(yīng)用 2D 或 3D 轉(zhuǎn)換。 transform-origin 允許你改變被轉(zhuǎn)換元素的位置。 transform-style 規(guī)定被嵌套元素如何在 3D 空間中顯示。 perspective 規(guī)定 3D 元素的透視效果。 perspective-origin 規(guī)定 3D 元素的底部位置。 backface-visibility 定義元素在不面對(duì)屏幕時(shí)是否可見。
2016-12-050個(gè)贊
Kursus dalam bahagian yang berkaitan:Jenis media CSS
all 用于所有的媒體設(shè)備。 aural 用于語(yǔ)音和音頻合成器。 braille 用于盲人用點(diǎn)字法觸覺回饋設(shè)備。 embossed 用于分頁(yè)的盲人用點(diǎn)字法打印機(jī)。 handheld 用于小的手持的設(shè)備。 print 用于打印機(jī)。 projection 用于方案展示,比如幻燈片。 screen 用于電腦顯示器。
2016-11-260個(gè)贊
Kursus dalam bahagian yang berkaitan:Pemilih sifat CSS
[att^=val];解釋:如果元素用att表示的屬性之屬性值的開頭為用val指定的字符的話,則該元素使用這個(gè)樣式。(其實(shí)你可以這樣理解在正則里面^匹配開頭嘛所以嘍。。)
2016-11-260個(gè)贊
Kursus dalam bahagian yang berkaitan:Ciri peralihan CSS3
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <style type="text/css"> .box{width:100px;height:100px;background:red; transition:1s width,2s height,3s background;} .box:hover{width:500px;height:300px;background:blue;} </style> </head> <body> <div class="box"> </div> </body> </html>
2016-12-050個(gè)贊