前端入門之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

以上是前端入門之css3的詳細內容。更多資訊請關注PHP中文網其他相關文章！