# 1.實現一個下拉菜單
~~~
運用知識點float,position
~~~
### 2.css3常用樣式的講解
### 2.1.邊框border-radius 可以將邊框設置為圓角
~~~
border-radius:value 四個邊都會改變
可以單獨改變一邊
border-top-left-radius: value;
border-top-right-radius:value;
border-bottom-left-radius:value;
border-bottom-right-radius:value;
~~~
### 2.2.box-shadow可以給元素添加陰影
~~~
box-shadow: h-shadow v-shadow blur spread color inset;
*h-shadow*
必需 水平陰影的位置。允許負值。
*v-shadow*
必需。垂直陰影的位置。允許負值。
*blur*
可選。模糊距離。
*spread*
可選。陰影的尺寸。
*color*
可選。陰影的顏色。請參閱 CSS 顏色值。
inset
可選。將外部陰影 (outset) 改為內部陰影。
~~~
### 2.3.文字效果
~~~
//設置文字的陰影
2.3.1 text-shadow: h-shadow v-shadow blur color;
//用的不多，但面試的時候碰到過
2.3.2 text-overflow 文本溢出屬性指定如何顯示溢出內容
p{
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
//white-space指定文字是否換行
}
~~~
