1、通配符選擇器
*{margin:;padding:;}
tagName 元素選擇器 div{width:;height:;}
.className類選擇器 .box{width:;height:;}
#idName id選擇器 #box{width:;height:;}
2優先級排序：
通配符 < 標簽 < Class < Id
- 優先級相同的選擇器后寫的樣式會覆蓋前面的
3、后代選擇器優先級多種情況
ID選擇器個數不相等，ID個數多的優先級高，后面不用比
ID選擇器個數相等，則看class個數
class 個數相等 ，再看tagName 個數
#wrap ul li .list{} 和.wrap ul li #list{}優先級一樣
選擇器使用原則：準確的控制選中元素
4、樣式的優先級
外部引入樣式
引入式;
<link rel='stylesheet' type='text/css' href='url.css'/>
導入式
寫在style標簽里面的@import"mystyle.css";
注意：外部css需要 設置編碼 @charset 'UTF-8';
行內樣式 > 內部樣式 = 外部樣式
5、常用CSS3 樣式
圓角 border-radius:
四個值： 左上 右上 右下 左下
三個值： 左上 右上左下 右下
兩個值： 左上右下 右上左下
一個值： 所有角一樣的值
圓角單樣式寫法
左上角border-top-left-radius:
右上角border-top-right-radius:
右下角border-bottom-right-radius:
左下角border-bottom-left-radius:
border-radius:50%; 圓形
盒子陰影 box-shadow
h-shadow 水平偏移量。允許負值 （ 必需）
v-shadow 垂直偏移量。允許負值 （必需）
blur 模糊半徑 （可選。）
spread 陰影的大小 （可選。）
color 陰影的顏色 （可選。）
outset 外部陰影 （默認） 內部陰影（inset可選 ）
溢出隱藏 overflow:
visible 默認值
hidden 隱藏，并且其余內容是不可見的。
scroll 出現滾動條
auto 根據內容情況來決定是否出現滾動條
水平溢出隱藏 overflow-x:
垂直溢出隱藏 overflow-y:
