masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Apakah itu CSS3

Pembangunan bahasa CSS3 sedang berkembang ke arah modulariti. Spesifikasi sebelumnya adalah terlalu besar dan kompleks sebagai modul, jadi ia dipecahkan kepada modul yang lebih kecil dan lebih banyak modul baharu telah ditambah. Modul ini termasuk: model kotak, modul senarai, kaedah hiperpautan, modul bahasa, latar belakang dan sempadan, kesan teks, reka letak berbilang lajur, dsb.

Apabila menulis gaya CSS3, penyemak imbas yang berbeza mungkin memerlukan awalan yang berbeza. Ini bermakna sifat atau peraturan CSS belum lagi menjadi sebahagian daripada piawaian W3C dan merupakan harta peribadi penyemak imbas Walaupun versi penyemak imbas yang lebih baharu pada masa ini tidak memerlukan awalan, awalan masih diperlukan untuk keserasian hadapan yang lebih baik.

QQ截图20161014111933.png

Meneruskan pembelajaran
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Hello CSS3</title> <link href='http://fonts.googleapis.com/css?family=Fruktur' rel='stylesheet' type='text/css'> <style type="text/css"> body{ background:#000; } h1 { text-align:center; color:#fff; font-size:48px; font-family: 'Fruktur', cursive; text-shadow: 1px 1px 1px #ccc, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; animation: run ease-in-out 9s infinite; -moz-animation: run ease-in-out 9s infinite ; -webkit-animation: run ease-in-out 9s infinite; -ms-animation: run ease-in-out 9s infinite; -o-animation: run ease-in-out 9s infinite; } @keyframes run { 0% { transform:rotateX(-5deg) rotateY(0); } 50% { transform:rotateX(0) rotateY(180deg); text-shadow: 1px 1px 1px #ccc, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #3EFF3E, 0 0 70px #3EFFff, 0 0 80px #3EFFff, 0 0 100px #3EFFee, 0 0 150px #3EFFee; } 100% { transform:rotateX(5deg) rotateY(360deg); } } @-moz-keyframes run { 0% { -moz-transform:rotateX(-5deg) rotateY(0); } 50% { -moz-transform:rotateX(0) rotateY(180deg); text-shadow: 1px 1px 1px #ccc, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #3EFF3E, 0 0 70px #3EFFff, 0 0 80px #3EFFff, 0 0 100px #3EFFee, 0 0 150px #3EFFee; } 100% { -moz-transform:rotateX(5deg) rotateY(360deg); } } @-webkit-keyframes run { 0% { -webkit-transform:rotateX(-5deg) rotateY(0); } 50% { -webkit-transform:rotateX(0) rotateY(180deg); text-shadow: 1px 1px 1px #ccc, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #3EFF3E, 0 0 70px #3EFFff, 0 0 80px #3EFFff, 0 0 100px #3EFFee, 0 0 150px #3EFFee; } 100% { -webkit-transform:rotateX(5deg) rotateY(360deg); } } @-ms-keyframes run { 0% { -ms-transform:rotateX(-5deg) rotateY(0); } 50% { -ms-transform:rotateX(0) rotateY(180deg); } 100% { -ms-transform:rotateX(5deg) rotateY(360deg); } } </style> </head> <body> <h1>Hello CSS3</h1> </body> </html>
serahkanTetapkan Semula Kod
tiada bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492969 permainan