02-CSS基础与进阶-day10_2018-09-14-21-26-41

转载于 2019-06-23 15:38:00 发布 · 192 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/HiJackykun/p/11073005.html

博客介绍了CSS雪碧技术，它是处理网页背景图的方式，将页面涉及的零星背景图集中到一张大图上并应用于网页。此外还提及字体图标、布局案例、BFC等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css雪碧技术
css精灵是处理网页背景图的方式，它将一个页面涉及的所有零星背景图集中到一张大图上，把大图应用在网页中
下周一
字体图标
布局案例
BFC
PS

周三周五首页

下下周 css3

06css精灵技术(1).html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
         div {
             width: 56px;
             height: 49px;
             background: url(img/jd.png) no-repeat;
             background-position: 0 -438px;
         }

         p {
             width: 17px;
             height: 13px;
             background: url(img/jd.png) no-repeat;
             background-position: 0 -414px;
         }
    </style>
</head>
<body>
    <div></div>
    <p></p>
</body>
</html>