首頁  >  文章  >  web前端  >  前端入門之css3

前端入門之css3

php中世界最好的语言
php中世界最好的语言原創
2018-03-10 09:31:181591瀏覽

我們知道,如果你想學前端,那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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn