1.[精灵图的应用]对于特殊字体的标题，可用精灵图切片，边切片边做，其步骤如下：

（1）新建一个psd文档     本文档很重要，建议保存在【images】中，不可删除

（2）打开标尺，网格（视图->显示->网格）

      编辑-首选项-网格，可以设置网格的参数（建议数据：网格线间隔100or50，子网格5，方便凑整十和计算）

（3）给【背景色】换颜色，将图片和内容颜色区分开

（4）切片，隐藏背景层切片，精灵图必须是png

（5）应用精灵图，一般新建一个css来统一管理精灵图样式，精灵图本质是一个多张图的整合。因此补能不可以使用img标签。只能css背景属性添加，必须定好应用标签的【宽高】

.spirit
{display:inline-block;  /*方便设置宽高*/background:url(".../images/spirit.png") no-repeat;
}
.spirit-news
{width:380px;height:50px;background-position: 0 -60px;/*图片在spirit中，距离画面左，上的间距.[负值]*/
}

 2.对于网页字体

text-align:justify;/*两端对齐*/
font-weight：lighter;/*细字体，    粗体字-bolder*/

课堂随堂记

1. 从左上角开始依次圆角化，左上左下右下右上的顺序

   border-radius：10px  20px  30px  40px;

2. filter：blur（30px）;blur值越大虚化程度越高，filter滤镜，给内容（标签，img，文字）添加额外的效果。相当于ps里的滤镜效果，其中还有grayscale，灰度滤镜，将全部元素改为灰色的用法：

    body
   {
   filter：grayscale(100%);
   }

   其余参考 石老师博客

3. 如果要使用插件，别人的代码，首先看官网的开发文档。
4. 在网页设计过程中，要注意字体和页面宽度问题

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！