前端开发（HTML+CSS静态部分）

前言：最近在进行前端的系统学习（html和css部分）。有一些感悟：

1.雪碧图

很多时候页面的图片不是一张一张从服务器请求的，而是一张图上面有很多的图片，通过background-position属性来显示这张图上的不同图片，另外，还需要width:76px;height:18px;这两个属性来显示图上不同大小的图片。如下图就是一张雪碧图：

2.页面图片显示

通常情况：下我们页面的样式（css）都是单独写在一个css文件中，通过”< link src=”css文件的路径” type=”text/css” href=”“stylesheet>”来引用。
但是是有例外，如果是图片（< img>）的话，你要在HTML标签中指定它的宽和高，如“< img src=”357a692e102648a48cd62f9351d171e320170907121955.jpeg” width=”200”; height=”90”; alt=”一百年前我们都只有1米