前端入門之css3

來源:互聯網
上載者:User
我們知道,如果你想學前端,那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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.