# 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指定文字是否换行 } ~~~