接触前端开发以来，并没有对相关知识点做总结记录，往往在想要使用相关知识点时却想不起来怎么使用了。因此，本人决定开始对用过的、个人觉得有用的知识点做一个总结，加深印象，也是提供查阅的一个方式。希望以后不管是否长期从事前端开发，以后都有迹可循。
font-awesome
首先要说一下font-awesome，官网介绍说它是一套绝佳的图标字体库和css框架。使用过程中也确实有所体验，通过在官网下载并在表头标签对<head></head>范围内引入font-awesome框架，即可在网页中其他标签里使用。
引用这一框架的格式如下：
<head> <link rel="stylesheet" type="text/css" href="another_css/font-awesome-4.7.0/css/font-awesome.min.css"> </head>
说明："another_css/font-awesome-4.7.0/css/"指的是你下载存放这个框架的路径。
在标签里的使用方式：
<div> <i id="fa_icon" class="fa fa-list-ul"></i> </div>
说明：要使用这一框架的css特性，需要在class属性添加"fa fa-图标字体名称"，比如上面的图标字体名称是"list-ul"，这样i标签就显示成list-ul规定的样式了。另外为什么在i标签里使用框架的css特性，其实与最新的html使用规范是不符的，只是某种约定俗成了。至于其他想使用特性的地方，比如想在一个菜单链接的最左边显示一个小图标，那就只需要在a标签里添加i标签，然后i标签的class添加你想要的图标样式（具体想要怎样的图标可去font-awesome官网查看），自己按情况选择。使用效果举例如下：
<li> <a><i class="fa fa-android"></i>机器人管理</a> </li>
当然图标的颜色等样式可以通过css设定。
css：box-shadow
这一css属性很实用，用在按钮等对象上效果显著，可呈现出立体的感觉。
使用格式：
box-shadow: h-shadow v-shadow blur spread color inset;
说明：
前两个参数是必选参数，前者指水平阴影位置，后者指垂直阴影位置；
后四个参数为可选参数，分别指模糊距离、阴影尺寸、阴影颜色、将阴影改为内部阴影（默认为外部outset），距离和尺寸单位均用px。