我們知道,如果你想學前端,那css3與HTML5是最基礎也是最先學習的一門知識,今天就給大家帶來前端入門之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中文網其它相關文章!
相關閱讀:
以上是前端入門之css3的詳細內容。更多資訊請關注PHP中文網其他相關文章!