随笔分类 -  第十三章 CSS背景图和精灵图

课时102.CSS精灵图（掌握）
摘要：我们这节课来介绍一个和背景图片相关的东西，精灵图 1.设么是css精灵图？ css精灵图是一种图像合成技术 2.css精灵图作用 可以减少请求的次数，以及可以降低服务器处理压力 3.如何使用css精灵图 css的精灵图需要配合背景图片和背景定位来使用 需要用到firework这个软件 阅读全文
posted @ 2018-06-13 11:52 双双双双 阅读(192) 评论(0) 推荐(0)
课时101.背景图练习（理解）
摘要：要将第二个div嵌套进第一个div中去 如果以后我们看到一张图片是由多张图片拼接的，那么就是用到div的嵌套，我们这个练习是用大的div嵌套一个小的div，再将小div定位到底部。 阅读全文
posted @ 2018-06-13 11:02 双双双双 阅读(323) 评论(0) 推荐(0)
课时100.背景图片和插入图片区别（掌握）
摘要：快捷键补充： bc background-color:; bi background-image:; bgr background-repeat:; gp background-position:; ba background-attachment:; bg + background：#fff ur 阅读全文
posted @ 2018-06-13 10:18 双双双双 阅读(785) 评论(0) 推荐(0)
课时99.背景关联和缩写（理解）
摘要：1.背景属性缩写的样式 background:背景颜色 背景图片 平铺方式 关联方式 定位方式; 这是开始的写法，然后我们可以缩写 两者之间没有任何的区别 2.注意点： background属性中，任何一个属性都可以被省略，所以我们经常写以下的这个代码background:#FFF;这样写是可以的， 阅读全文
posted @ 2018-06-13 09:10 双双双双 阅读(360) 评论(0) 推荐(0)
课时98.背景定位下（掌握）
摘要：我们来看控制背景图片的位置，在企业开发中用在什么地方呢？1.我们打开一个网站，如盛大游戏，保存它的背景图到本地 http://www.sdo.com/ 我们先点击检查，查看背景图的地址 然后将地址复制到地址栏中 然后将图片保存到本地工程的images文件夹中 然后在网页中先用background-i 阅读全文
posted @ 2018-06-13 07:54 双双双双 阅读(247) 评论(0) 推荐(0)
课时97.背景定位上（掌握）
摘要：注意点：同一个标签可以同时设置背景颜色和背景图片，如果颜色和图片同时存在，那么图片会覆盖颜色， 但凡给我们的标签设置了背景图片以后，我们发现这个图片一直在左上角，我如果不想让它在左上角应该怎么办呢？这就要用到我们这节课的内容：background-position。 1.如何控制背景图片的位置？ 在 阅读全文
posted @ 2018-06-13 02:27 双双双双 阅读(243) 评论(0) 推荐(0)
课时96.背景平铺（掌握）
摘要：1.如何控制背景图片的平铺方式？ 在CSS中有一个background-repeat属性，就是专门用于控制背景图片的平铺方式的 取值： repeat 默认，在水平和垂直都需要平铺 no-repeat 在水平和垂直都不需要平铺 repeat-x 只在水平方向平铺 repeat-y 只在垂直方向平铺 应 阅读全文
posted @ 2018-06-12 22:28 双双双双 阅读(280) 评论(0) 推荐(0)
课时95.背景图片（掌握）
摘要：1.如何设置背景图片？ 在css中有一个叫做background-image:url();的属性，就是专门用于设置背景图片的。 注意点： 1.图片的地址必须放在url()中，图片的地址是本地的地址，也可以是网络的地址 2.如果图片的大小没有标签的大小大，那么会自动在水平和垂直方向平铺和填充 3.如果 阅读全文
posted @ 2018-06-12 21:55 双双双双 阅读(223) 评论(0) 推荐(0)
课时94.背景颜色（掌握）
摘要：1.如何设置标签的背景颜色？ 在CSS中有一个background-color：属性，就是专门用来设置标签的背景颜色的 取值： 具体单词 rgb rgba 十六进制 我们来依次验证一下 阅读全文
posted @ 2018-06-12 21:10 双双双双 阅读(202) 评论(0) 推荐(0)