?

1、? 常用屬性：①color：文本顏色；②background-color：背景顏色；③font-size：文字大小；

2、? 樣式聲明：①內部樣式：style=“樣式規則；”，寫于作用標簽內，優先級最高；②內聯樣式：<style>樣式規則</style>，寫于head標簽內，優先級其次；③外聯樣式：<link rel=“stylesheet”href=“css文件url的”>，寫于head標簽內，優先級最低；

3、? 錯誤提示：①Unknown property name：未知的屬性名稱，樣式屬性名寫錯；②Invalid property value：屬性值無效，值寫錯；

4、? 調整優先級：！important：添加在樣式屬性值之后，空格隔開；

5、? 選擇器：①通用選擇器：*{……}：適配每一個元素影響性能；②元素選擇器：元素名（Element name）{……}；③類選擇器：a、設置：class=“類名1 類名2……”（不能數字開頭，不能含特殊字符）；b、使用：.類名{……}；④id選擇器：a、設置id=“id名”；b、使用：#id名{……}；⑤群組選擇器：選擇器1，選擇器2……{……}：公共樣式；⑥后代選擇器：選擇器1 選擇器2 ……{……}：定義的是寫在最后的子選擇器的樣式；⑦子代選擇器：選擇器1>選擇器2{……}：一級父子關系；⑧偽類選擇器：a、：link：未訪問過的鏈接狀態；b、：visited：訪問過的鏈接狀態；c、：hover：鼠標懸停元素的狀態；d、：active：元素被激活的狀態；e、focus：獲取焦點的狀態；

6、? 選擇器優先級：內聯樣式（1000）>id選擇器（100）>偽類選擇器（10）=類選擇器（10）>元素選擇器（1）；

7、? 尺寸單位：①%：百分比，相對單位；②in：英寸=2.54厘米；③cm/mm：厘米/毫米；④pt：磅=1/72英寸；⑤px：像素；⑥em：當前大小的倍數；

8、? 顏色取值：①英文名；②rgb（0-255，0-255，0-255）；③rgb（r%，g%，b%）；④#000000（黑色）--#ffffff（白色）；

9、? 尺寸屬性：①min-width/height：最小寬/高；②max-width/height：最大寬/高；* 塊級元素以及img、table元素可以改變寬高；

10、溢出處理：overflow：①visibile：默認，顯示；②hidden：隱藏；③scroll：內部顯示滾動條（溢出時可用）；④auto：溢出有滾動條，沒溢出則沒有；

11、邊框屬性：①寬度；②樣式：a、solid：實線；b、dotted：點虛線；c、dashed：短橫虛線；③顏色；

12、方向變換：①方向：top，right，bottom，left；②圓角：border-radius：；

13、 邊框陰影：box-shadow：取值：①h-shadow：水平偏移，值正右偏；②v-shadow：垂直偏移，值正下偏；③blur：可選，模糊距離；④spread ：可選， 陰影尺寸；⑤color：可選，顏色；⑥inset：可選，將默認外陰影改為內陰影；

14、輪廓樣式：同邊框樣式，均可設置none；

15、邊框顏色特殊值：transparent：透明色；

轉載于:https://www.cnblogs.com/UstimdanKulma/p/5788605.html

總結

以上是生活随笔為你收集整理的css01的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。