维思大学（英语：Wesleyan University），又译卫斯理安大学、威斯里安大学，位於美国东北部康乃狄克州的米德尔敦，创立於1831年，是一所私立四年制文理学院。维思大学与同位於新英格兰的阿默斯特学院及威廉士学院组成 "小三强" （Little Three）。维思大学也是小常春藤盟校和新英格兰小学院体育联盟的创始成员。1929年学校获新英格兰院校协会认证。
CSS，指的是该"社会研究学院"（College of Social Studies, CSS）成立于1959年，是一门研究西方政治，经济，哲学和历史理论的三年学院专业。其构筑模式与牛津大学等的哲学、政治学及经济学（Philosophy, Politics and Economics, PPE）类似。该专业的教职工（多为终身教授）也都由政治系，历史系，哲学系和经济系借调而来。若想要加入专业，学生必须完成入门经济学课程并获得C-以上的成绩，提交书面申请，并接受由教职工以及该专业现有学生的面试。不是所有学生都会通过选拔过程。录取进入该专业后，学生必须在大二参加政治，经济和历史的三节必修课以及一节关于社会理论的座谈会必修课。这四门课占毕业要求的10.5学分中的5.5。这该专业的课程多半也不计算成绩。在大二学期末，学生亦需参加一门统考，测试学生对这四门必修课的掌握情况。统考不通过的学生将会被淘汰出专业。同时，缺课以及欠交/迟交作业过多的学生也可能被移出专业。该专业的学生也必须完成基础教育要求。
社会研究学院的教职工普遍在公共事务中心（Public Affairs Center）办公，因为政治，经济和历史系的办公室都位于该楼。
第一步：编辑菜单的HTML代码。
菜单包含三个列表项，分别取名为“Menu1”、“Menu2”、“Menu3”。
XML/HTML Code<div class="css3Menus">
<ul>
<li>Menu1</li>
<li>Menu2</li>
<li>Menu3</li>
</ul>
</div>
第二步：设置菜单的背景。
在该步骤中，把导航的背景设置为黑色。宽度、高度和内边距为可选项，可以不设置。
CSS Code
.<span style="width: auto height: auto float: none" id="4_nwp"><a style="text-decoration: none" mpid="4" target="_blank" href="http://cpro.baidu.com/cpro/ui/uijs.php?adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=0&is_app=0&jk=e2fbae28688be8a0&k=css3&k0=css3&kdi0=0&luki=10&n=10&p=baidu&q=06011078_cpr&rb=0&rs=1&seller_id=1&sid=a0e88b6828aefbe2&ssp2=1&stid=0&t=tpclicked3_hc&tu=u1922429&u=http%3A%2F%2Fwww%2Eadmin10000%2Ecom%2Fdocument%2F2453%2Ehtml&urlid=0" id="4_nwl"><span style="color:#0000fffont-size:14pxwidth:autoheight:autofloat:none">css3</span></a></span>Menus {
background: #14080a
width:506px
height:260px
padding:20px
}
如下图：
第三步：利用border-radius，制作圆形导航。
该步中，利用CSS3的一些酷的功能，尤其是border-radius ，将每个列表项的背景设置为黄色，形状为圆形。
CSS Codeul {
list-style: none
}
li {
float:left
font: 14px/10px Arial, Verdana, sans-serif
color:#FFF
background-color:#CCCC00
width: 80px
height: 80px
padding:20px
margin:0 30px 0 0
-webkit-border-radius: 60px
-moz-border-radius: 60px
border-radius: 60px
}
菜单看起来呈下面样子：
第四步：设置菜单的对齐方式。
本步骤中，将为每个列表项设置特定的背景颜色与位置：
CSS Codeli#menu1 {
background-color: #00FFCC
}
li#menu2 {
background-color: #CC9900
margin-top:100px
}
li#menu3 {
background-color: #33FF66
margin-top:50px
}
现在菜单看起来呈下面样子：
第五步：设置菜单中链接的对齐方式。
CSS Codeli a {
color:#FFF
text-decoration:none
display:<span style="width: auto height: auto float: none" id="2_nwp"><a style="text-decoration: none" mpid="2" target="_blank" href="http://cpro.baidu.com/cpro/ui/uijs.php?adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=0&is_app=0&jk=e2fbae28688be8a0&k=block&k0=block&kdi0=0&luki=7&n=10&p=baidu&q=06011078_cpr&rb=0&rs=1&seller_id=1&sid=a0e88b6828aefbe2&ssp2=1&stid=0&t=tpclicked3_hc&tu=u1922429&u=http%3A%2F%2Fwww%2Eadmin10000%2Ecom%2Fdocument%2F2453%2Ehtml&urlid=0" id="2_nwl"><span style="color:#0000fffont-size:14pxwidth:autoheight:autofloat:none">block</span></a></span>
width: 80px
height: 45px text-align: center
padding:35px 0 0 0
margin:0 40px 0 0
-webkit-border-radius: 40px
-moz-border-radius: 40px
border-radius: 40px
}
li#menu1 a {
background-color: #FF0000
}
li#menu2 a {
background-color: #660033
}
li#menu3 a {
background-color: #66CCCC
}
菜单现阶段的样子：
第六步：定义另一种效果，当鼠标悬浮在链接上时进行展现。
CSS Codeli a:hover,
li a:focus,
li a:active {
width: 120px
height:65px
padding:55px 0 0 0
margin:-20px 0 0 -20px
-webkit-border-radius: 60px
-moz-border-radius: 60px
border-radius: 60px
}
菜单样式如图：
第七步：最后为导航增加动画效果。
CSS Codeli a:hover,
li a:focus,
li a:active {
-webkit-animation-name:bounce
-webkit-animation-duration:1s
-webkit-animation-iteration-count:4
-webkit-animation-direction:alternate
}
@-webkit-keyframes bounce{<span style="width: auto height: auto float: none" id="1_nwp"><a style="text-decoration: none" mpid="1" target="_blank" href="http://cpro.baidu.com/cpro/ui/uijs.php?adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=0&is_app=0&jk=e2fbae28688be8a0&k=from&k0=from&kdi0=0&luki=2&n=10&p=baidu&q=06011078_cpr&rb=0&rs=1&seller_id=1&sid=a0e88b6828aefbe2&ssp2=1&stid=0&t=tpclicked3_hc&tu=u1922429&u=http%3A%2F%2Fwww%2Eadmin10000%2Ecom%2Fdocument%2F2453%2Ehtml&urlid=0" id="1_nwl"><span style="color:#0000fffont-size:14pxwidth:autoheight:autofloat:none">from</span></a></span>{margin:0 40px 0 0}
to{margin:120px 40px 0 0}
}
菜单所产生的动画效果：
小地方，眼界就窄些。陶健就生活在小地方。早年，在吕梁山间的小村庄生长，后来吃苦考进省城的一所大学，四年一晃，旋入一县级小市安身立命。由此，陶健也算有大地方生活的经历吧。学习是陶健走出大山的脚步，而其人不笨，天分却不算高，学问就不够精进，术业就难有专攻，只好在城里的机关混事。大千世界，纷纷扰扰，好在用乡下语言来讲，是没有吃过猪肉总算是见过猪跑，陶健虽然学识有限，但是是个知道深浅的人，生就的乡下人好忍耐性子，待世事，总是眼皮拉得高高的，心儿发得虚虚的。譬如对车吧，陶健打小就喜欢，就爱看，就多留着一份心意，虽是没有，对这宝贝总还整得算明白。
想想，陶健喜欢车是没有来由的，自己连个二手车都没有嘛；再想想，还是有来由的，车这玩意儿，能给人拉东西，能替人跑路，能叫人心里产生六月里喝了雪水似的爽快感，好东西嘛！街上日多的既散发着时尚气息又体现着现代工业技术水平的崭新小轿车，陶健以为在某种程度上来说就是一杆文明的标尺。“叫人如何不想她”，提起车，陶健就会想起这歌词，油然地。
陶健在机关，旁人看是人模狗样的，干脑力劳动的活儿，但总归制于人的阶层，也就一干事，起草个重要讲话实施方案什么的，都是为他人做了嫁衣裳，也想宦海浮一浮的，却上面没人，又不练达人情，而立之年去之渐远，混得还是那个穷眉眼。有人提起陶健，爱说人家在政界。闻言，陶健便羞着，不自然着，就欲说还休罢。鉴于经济实力和社会地位，陶健的代步工具也就一辆旧自行车，而陶健是热爱生活，热爱美的，不能拥有漂亮的轿车，并不觉得就怎么了，还是爱车，爱看车。
电视里清风车影、酷车地带、F1赛事直播什么的节目，叫陶健感觉就是眼下大量注水的电视节目中的茅台，车们新潮的款式，良好的性能，熨得你心舒服的人性化设计，还有车展上车旁美艳可人搔首弄姿的女人，扣人心弦的舒马赫，主持人煽风点火的语言……看着，陶健就酩酊大醉了。而平时在大街上，象异性一样能叫陶健频频回首的，就数新款的小轿车了。如此久了，对车，陶健于是就比较了解，差不多就能站在车的流行前沿。
一回，一家饭店的门前泊辆只在电视里见过的车，陶健路过见了，就转圈看，研究，心下正叹尤物呢，突然被人拍了肩膀。专心致志的陶健一甩:“讨厌。”
“想干什么？”
陶健抬眼，见一个胖子喷着酒气，脸猪肝色，意识到是误会了，就讪笑说，看看，看看，你的车，真漂亮。那胖子，也笑了，笑得满足。
一位与陶健中间隔了好几层的领导，有朋自远方来，偶尔逮了陶健为人家招的待，跑了些小腿，午间被唤去同吃。领导好心，是叫陶健打打牙祭。饭毕，一伙人出宾馆门，一辆大红轿车直扎眼里来。领导端详半天，说操，啥车。没有人应声。陶健从电视里见过的，说某某。那一刻不知道怎么陶健突然骨头就软了，巴结上领导了。是么？领导盯了陶健几眼，猜疑似的。陶健就后悔，喝了点酒，嘴就长啦。
去年岳母住院，陶健是献殷勤也是尽孝心，侍奉，闲暇望楼下大街。步行的，骑自行车的，蹬三轮车的，开拖拉机卡车的，驾小轿车的；好的，烂的；新的，旧的。陶健突然就想，很哲学地那种想，车也和人一样有层面，可是车的层面并不能说明驾车的人皮囊里内在东西层面，譬如精神的高尚还是卑鄙啊什么的，本质上说，车，只是工具而已。
似乎想得很明白，可有时候见了好些的车，陶健怎么就不由得还迷瞪呢？在机关，陶健有事情要办，偶尔会蹭领导的车，，但是实际上陶健不爱这样。近了骑自己的旧自行车，远了坐公共汽车，轻松，本色，可是心里老有些那什么。
有时候，陶健就怀念少年时代。陶健的村庄，东面山腰，有砂石公路。公路上不多的车，多是货卡与拖拉机，那年月嘛。陶健每日下学必跟了村里的伙伴打猪草，打猪草必去此山。草打满筐，即在离公路不远的山坡上，看车数车。有时候，还会追在某一辆卷起滚滚黄尘的汽车后面，深深地呼吸。那汽油味，比馍饭还香。每一次看，都激动，都快乐，都为时间所迫，灰头土脸挎了草筐回家。心思，早被车们带到了爪哇国。一次，有那鳖盖车在那不平的路面上，在陶健及其同伴眼里，小船一样荡漾驶过，淡蓝的。仿佛一个梦。大山里的孩子们，为看见了梦，或传说，欢呼雀跃，手做了喇叭喊，“鳖盖车，鳖盖车……”眼睛长了无限可以伸长的手，贪婪地追去抚摩.它驶出了他们的视野,却驶入了他们幼小心灵的深处。鳖盖车，是陶健他们那里的土话，就是小轿车。
什么电影里说，面包会有的，牛奶也会有的。陶健也相信，车会有的，只要好好干活。无论如何，物质建设总是在进步，生活总在往好里变。
