div背景定位background设置元素的背景参数
我要评论我都是会把工作中接触到的新知识放在我的微博里面，但是由于微博总是限制我的字数，有很多内容我都是分散成几个部分，现在我就来整理一个，我积累的一个页面布局的内容。
在早期table风行的年代，页面布局中使用的小图标，和背景会让你的页面中有非常多的图片素材，这样在加载的过程中就会很拖网速，造成页面的用户体验不好，现在div+css的广泛使用，也改变了这一使用习惯，变成了将N多小图标集于一个大图上，再通过div来定位需要用到的图片部分，这样操作能让你的页面少加载非常多的图片素材，大大提升了网页刷新的速度。
DIV背景定义参数：background 设置元素的背景参数，其中属性依在写博客之前 我都是会把工作中接触到的新知识放在我的微博里面，但是由于微博总是限制我的字数，有很多内容我都是分散成几个部分，现在我就来整理一个，我积累的一个页面布局的内容。
在早期table风行的年代，页面布局中使用的小图标，和背景会让你的页面中有非常多的图片素材，这样在加载的过程中就会很拖网速，造成页面的用户体验不好，现在div+css的广泛使用，也改变了这一使用习惯，变成了将N多小图标集于一个大图上，再通过div来定位需要用到的图片部分，这样操作能让你的页面少加载非常多的图片素材，大大提升了网页刷新的速度。
DIV背景定义参数：background 设置元素的背景参数，其中属性依次为 background-color(背景色的.) | background-image(背景图) | background-repeat(重复方式) | background-attachment(背景图像固定还是滚动) | background-position(背景图像位置)
关于background-position 定位的问题 在一张大背景下 对某一块的取用时大背景的左上角 为原点(0,0)，定位时，→指向x值减小,↓指向 y 值减少 所以在定位中，通常都是两个负数，在对定位的div进行width height 限制 就可以取出自己想要的背景图片了！
通常在使用的时候 样式中定义为 background: url(/templates/v1/images/tips.png) 0 -17px; 这种格式是现在最常用的背景定位方式
写一段完整的吧：
<div class="up_tip"></div>
.up_tip {
width: 20px; //定义高度和宽度
height: 18px;
background: url(/templates/v1/images/tips.png) 0 -17px; 定位图片位置
display: inline-block; //这个比较重要，
}
算了还是专心写我的技术贴，因为我是web前端从业者，文章内容难免会涉及到某个网站，在这里还请那些审核的编辑们，别弄得跟seo很肮脏一样，见到这种就想删说明你们自己思想有问题次为 background-color(背景色的) | background-image(背景图) | background-repeat(重复方式) | background-attachment(背景图像固定还是滚动) | background-position(背景图像位置)
关于background-position 定位的问题 在一张大背景下 对某一块的取用时大背景的左上角 为原点(0,0)，定位时，→指向x值减小,↓指向 y 值减少 所以在定位中，通常都是两个负数，在对定位的div进行width height 限制 就可以取出自己想要的背景图片了！
通常在使用的时候 样式中定义为 background: url(/templates/v1/images/tips.png) 0 -17px; 这种格式是现在最常用的背景定位方式
写一段完整的吧：
<div class="up_tip"></div>
.up_tip {
width: 20px; //定义高度和宽度
height: 18px;
background: url(/templates/v1/images/tips.png) 0 -17px; //定位图片位置这里可以相对路径 也可以绝对路径
display: inline-block; //这个比较重要，
}
相关文章
本文介绍了div 图片如何在DIV内水平居中，无论文字居中、图片居中等内容居中我们都可以使用以上两种方法实现，一般推荐使用CSS进行，但网页多时候，我们只需要修改CSS文件2021-11-30
DIV半透明实现，使用CSS实现DIV成半透明效果，CSS实现层与背景半透明效果。本文通过实例代码给大家介绍的非常详细，需要的朋友参考下吧2021-11-30
新手在使用web标准（div css）开发网页的时候，遇到第一个问题是div与span有什么区别，什么时候用div，什么时候用span标签。下面小编就通过本文给大家讲解下，感兴趣的朋友2021-11-30
这篇文章主要介绍了设置div背景透明的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习2021-02-20
这篇文章主要介绍了CSS实现div不设高度完全居中，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习2021-02-04
这篇文章主要介绍了div自适应高度自动填充剩余高度,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学2020-07-08- 这篇文章主要介绍了DIV+CSS的命名规矩才能有利于SEO优化的实现方法,需要的朋友可以参考下2018-11-15
- 这篇文章主要介绍了DIV或者DIV里面的图片水平与垂直居中的方法,需要的朋友可以参考下2018-11-15
这篇文章主要介绍了详解如何用div实现自制滚动条,滚动条是浏览器中最常见的组件了。想要学习如何自制滚动条的方法，需要了解的朋友可以参考下2018-03-21- Div布局是学习的重点，这篇文章主要为大家详细介绍了div对齐与网页布局的相关学习资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-31
最新评论