1.屬性選擇器（常用的簡單歸納下）
[attribute=value] 用於選取帶有指定屬性和值的元素。
[title=w3school][title~=hello][lang|=en] hello!
hi!
a[src^="https"]a[src$=".pdf"]a[src*="abc"]:nth-child(n) p:nth-child(2) 選擇屬於其父元素的第二個子元素的每個 元素。 適用於給父類名使用
:nth-last-child(n) p:nth-last-child(2) 同上，從最後乙個子元素開始計數。
:nth-of-type(n) p:nth-of-type(2) 選擇屬於其父元素第二個 元素的每個 元素。
:nth-last-of-type(n) p:nth-last-of-type(2) 同上，但是從最後乙個子元素開始計數。
p:nth-of-type(2)
**第乙個段落。
** p:nth-child(3)
第二個段落。
第三個段落。
優點：相較opacity，不具有繼承性，即不會影響子元素的透明度
background-color: hsla(182, 44%, 76%, .5);
background-color: rgba(166, 218, 220, .5);
s是飽和度，是色彩的純度，是乙個百分比的值，取值在0%~100%，0%飽和度最低，100%飽和度最高
l是亮度，也是乙個百分比值，取值在0%~100%，0%最暗，100%最亮。
a是不透明度，取值在0.0~1.0，0.0完全透明，1.0完全不透明。
image.png
image.png
x-shadow 必需。 水平陰影的位置。允許負值。
y-shadow 必需。 垂直陰影的位置。允許負值。
distance 可選。 模糊的距離
color 可選。 陰影的顏色
y-shadow 必需。陰影垂直偏移量，可正可負，正值表示陰影在上邊，負值表示陰影在下邊。
distance 可選。陰影模糊距離。只能為正值，值為0時，表示陰影不具有模糊效果，值越大陰影的邊緣就越模糊。
size 可選。陰影擴充套件半徑。可正可負，正值表示整個陰影都延展擴大，負值表示縮小。
color
可選。陰影的顏色。
inset
可選。將外部陰影 (outset) 改為內部陰影。
向框新增乙個或多個倒影。
（1）direction：定義倒影的方向，取值包括：
image.png
7.text-overflow
image.png
text-overflow:ellipsis；
white-space:nowrap
overflow:hidden；
css3新特性總結
一 圓角邊框 border radius 5px 二 多背景圖 background url img flwr.gif right bottom no repeat,url gif left top repeat 三 顏色和透明度 由原來的rgb到現在的rgba background rgba 0,...
css3新特性總結
一 圓角邊框 border radius 5px 二 多背景圖 background url img flwr.gif right bottom no repeat,url gif left top repeat 三 顏色和透明度 由原來的rgb到現在的rgba background rgba 0,...
css3新特性總結
選擇器 last child 選擇元素最後乙個孩子 first child 選擇元素第乙個孩子 nth child 1 按照第幾個孩子給它設定樣式 nth child even 按照偶數 nth child odd 按照奇數 disabled 選擇每個禁用的e元素 checked 選擇每個被選中的e...