前端入門之css3

我們知道，如果你想學前端,那css3與HTML5是最基礎也是最先學習的一門知識，今天就給大家帶來前端入門之css3，讓我們一起來看一下

廢話不多說直接正題

什麼是css3

css3形成頁面的關鍵要素
CSS3被拆分為"模組"。舊規範已拆分成小塊，還增加了新的。
一些最重要CSS3模組如下：

選取器

css又稱為樣式,由“選取器”、“樣式屬性”和“屬性取值”三部分組成(阿里面試題);

如果你要在HTML元素中設定CSS樣式，你需要在元素①中設定"id" 和 "class"選取器。

①元素在JS裡面稱為DOM,然後又劃分為區塊層級元素,和行內元素
若不懂的自行查看詳細資料

<p class="xxx">Hello,world</p>選取器{屬性:值}.xxx{width:100px;}<p id="xxx">Hello,world</p>選取器{屬性:值}#xxx{width:100px;}

兩者都是差不多的,如果選取器用的是class,在寫樣式的時候開頭就以"."開頭 如.xxx，若是選取器用id則用“#”開頭 如#xxx（特彆強調id屬於唯一選取器，類名只能用一次）。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

如何解決IE11的css Hack

axios怎樣基於Promise的HTTP請求用戶端

VUE如何使用anmate.css