background-CSS属性记
2015-11-29 22:42
513 查看
background是css样式表设置背景的属性,网上有参数介绍搬运过来以防自己忘了。
background:background-color,background-image,background-repeat,background-attachment,background-position。
第一个颜色:没啥好说的,
第二个图像:用url()函数(不用加双引号),
第三个图像覆盖方式:在div比图片大的时候会有效,有repeat,no-repeat,和repeat-x,repeat-y,
第四个滚动方式:很好玩的属性,有fixed和scroll。设置图片在div,图片会像贴在屏幕上,当文档内容滚动时,看上去就像只有div框和内容在滚动。
如果图片比框还大,当框移动到原来未显示的图片区域时,是会显示出来的。非常好玩的。
第五个图像位置:雪碧do you know?歪果仁的想法。用div框来截图显示(自己起的名字)
传一个值:给横坐标,传两个值:横和纵,传四个值:top/bottom/left/right。
截图时要传负数
center的意思是将图片的中间点和框的中间点对齐。
有人会有疑问如果我要向左移呢?我开始也有疑问可仔细一想,能想到这个问题的人脑子一定有病(就是你...)。图片的左顶点和框的左顶点是对齐的(就是说它的左边什么都没有,你这个白痴)。可设置框的大小来显示需要显示的图像(一般用来做图标和交互效果)。
background:background-color,background-image,background-repeat,background-attachment,background-position。
第一个颜色:没啥好说的,
第二个图像:用url()函数(不用加双引号),
第三个图像覆盖方式:在div比图片大的时候会有效,有repeat,no-repeat,和repeat-x,repeat-y,
第四个滚动方式:很好玩的属性,有fixed和scroll。设置图片在div,图片会像贴在屏幕上,当文档内容滚动时,看上去就像只有div框和内容在滚动。
如果图片比框还大,当框移动到原来未显示的图片区域时,是会显示出来的。非常好玩的。
第五个图像位置:雪碧do you know?歪果仁的想法。用div框来截图显示(自己起的名字)
传一个值:给横坐标,传两个值:横和纵,传四个值:top/bottom/left/right。
截图时要传负数
center的意思是将图片的中间点和框的中间点对齐。
有人会有疑问如果我要向左移呢?我开始也有疑问可仔细一想,能想到这个问题的人脑子一定有病(就是你...)。图片的左顶点和框的左顶点是对齐的(就是说它的左边什么都没有,你这个白痴)。可设置框的大小来显示需要显示的图像(一般用来做图标和交互效果)。
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- 通过Mootools 1.2来操纵HTML DOM元素
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- 欲练CSS ,必先解决IE的一些细节分析