优雅的图片未加载或加载失败效果

需要注意的是，图片显示完成后，img会成为“替换元素”，而替换元素是无法设置伪元素的，因为内容被图片替换掉了;还需要注意attr里面的变量不能加双引号。

div { width: 100px; height: 100px; overflow: hidden; } img { display: inline-block; width: 100%; height: 100%; position: relative; } img::after { /* 生成 alt 信息 */ content: attr(alt); /* 尺寸和定位 */ position: absolute; left: 0;bottom: 0;right: 0; /* 颜色 */ background-color: rgba(0,0,0,.5); /* alt 信息隐藏 */ transform: translateY(100%); /* 过渡动画效果 */ transition: transform .2s; } img:hover::after { /* alt 信息显示 */ transform: translateY(0); }

c程序由一个或多个程序模块

(1)一个c程序由一个或多个程序模块组成，每一个程序模块作为一个源程序文件。对较大的程序，一般不希望把所有内容全放在一个文件中，而是将它们分别放在若干个源文件中，由若干个源程序文件组成一个c程序。这样便于分别编写和编译，调高调试效率。一个源程序文件可以为多个c程序公用。

(2)一个源程序文件由一个或多个函数以及其他有关内容(如指令，数据声明与定义等)组成。一个源程序文件是一个编译单位，子啊程序编译时是以源程序文件为单位进行编译的，而不是以函数为单位进行编译的。