[拱卒十四进] 任务及作业 - Githubissues

cp4 / AVoyage2HTML5

This is for a WeChat group learning on Web design and programming.

8 stars 7 forks source link

[拱卒十四进] 任务及作业 #16

Open cp4 opened 7 years ago

cp4 commented 7 years ago

网页制作，这回要来点真的了！

CSS 基本技术我们已经了解，没有实战演习，技术犹如儿戏。
魔鬼藏身细节，综合运用、悉心打造，看似简单的技术才能变成利器。

任务：

“Stylin with CSS (3rd.E)” 作者的官方页面也是他书中的教学案例。我学习之后很有收获，其难度又在初学者可控范围，这里推荐给大家：http://stylinwithcss.com/
整个页面的工程量不小，我们抓住关键效果模仿即可，本周，我们模仿其下拉菜单
- 不要被整个页面迷惑，只做下拉菜单
- 注意使用开发者助手等工具快速定位要模仿的目标，当然，最好先独立思考
要点：
1. 鼠标悬停，下拉菜单出现
2. 边缘美化及配色
3. 淡入淡出

注意要点的顺序，优先级由高到低
集合时间再议，新尝试，大家随时交流感受

arlmy commented 7 years ago

Stylin' with CSS

交作业~

arlmy commented 7 years ago

一个下拉框的最小模型：css实现下拉菜单

做了这个之后才明白了原理