【撸页面】电影小卡-不涉及JS，效果参考视频。

因为在《打火机与公主裙》里面，飞鱼演的李峋是个程序员，所以想赶在飞鱼之前去体会一下李峋撸代码的快乐。

于是有了这些东西。

这是效果↓(我的最新版里增加了导航栏和主站LOGO，视频演示里没有。)

https://www.bilibili.com/video/BV1LN4y1A7H9/

【这是最终实现的效果↓】

因为只是小练习，未考虑兼容性。

使用浏览器：谷歌。

【这是我一开始用PS改的设计原型↓】

1、所有图标字体来源于阿里iconfont，可以去下自己喜欢的图标字体替代。也可以直接根据我的字体代号去阿里图标字库里找对应的原图标，下载下来。

2、我使用了reset.css，去清除浏览器的默认格式。

reset.css很多地方都有下载，可以直接下载后本地引入。

3、我使用的字体叫做“夏日风格字体”，如果你想引用的话，需要去自己找原字体，如果不想引用，把所有的“夏日风格字体”换成你系统有的字体即可。

建议用万能的微软雅黑。

【以下两张，是写页面时调用的雪碧图】

雪碧图含义：我们做网站页面时，预加载的网页美术、UI相关。

【雪碧图1剧照位置】

【雪碧图2↓演员位置】

以下是源码

CSS部分

以下是结构部分