论文对网页盒模型背景的深入，本文是背景类有关毕业论文格式范文与深入研究和模型和背景有关硕士学位毕业论文范文.
［摘
要］ 背景是CSS盒模型最常用的属性之一,合理的使用背景不仅可以更好地美化页面,也可以更加有效地实现所需的布局效果.随着自适应网站的流行,背景的作用越来越突出,也成为使用频率最高的属性之一.重点研究盒模型背景的应用技巧.
［关
键 词］ 边框；盒模型；图片；边框
［中图分类号］ G712
［文献标志码］ A
［文章编号］ 2096-0603（2016）34-0031-01
一、前言
背景是网页制作中最常用的属性之一,无论是颜色还是图片,都被大量的用作背景.作为盒模型重要的组成部分,背景在网页的美化及布局中都承担着重要的任务.从CSS2时始,背景就具备了强大的功能,能满足一般的网页制作需求.到了CSS3,背景增加了一些实用的功能,例如,多图背景、渐变背景等.本文针对盒模型的背景属性做一个详细的技术分析.
二、背景属性详解
在CSS中,与背景有关的属性都以background开头,算上CSS2有的5个属性与CSS3新增的3个属性,背景一共涉及8个属性.
（一）背景颜色（background-color）
背景颜色是指用纯色作为背景,依据颜色的取值,背景可以使用多种模式设置纯色彩,如十六进制background-color:#f00;也可以使用rgba值设置具有透明度的颜色.
（二）背景图片（background-image）
背景图片是指用图片作为盒元素的背景.例如,将bg.jpg图片作为背景background-image:url(images/bg.jpg）;到了CSS3,此属性被强化了,允许一个盒元素可以设置多个背景图片,并按从上往下的顺序叠加.
（三）背景铺排（background-repeat）
背景铺排属性是专门针对图片背景配合使用的.背景图片默认填充方式为平铺排列repeat,起点为盒元素左上角,当盒面积大于背景时,图片将会在垂直和水平方向上重复排列填满盒子,但不确保图片的完整性；当盒面积小于图片时,图片填满盒子,同时不确保图片的完整性.
（四）背景吸附（background-attachment）
此属性也是针对图片背景所设置.设定图片背景是否跟随内容一起移动或是固定,共有3个值.fixed让背景相对窗体固定,scroll让背景相对于所在盒元素固定,CSS3新增一个值local,让背景相对于内容固定,也就是跟随内容一起滚动.
（五）背景位置（background-position）
背景位置主要设置的是背景图片平铺的起点坐标.背景平铺默认以盒元素左上角为起点,有时为调整图片平铺的效果,需要改变起点位置.
（六）背景范围（background-origin）
背景范围是CSS3新增的一项背景属性,指背景平铺覆盖的范围,默认情况下,背景是从内边距（padding）开始填充,不包含边框,设置为background-origin：padding-box.
（七）背景剪裁（background-clip）
背景剪裁也是CSS3新增的一项背景属性,和一般的图片剪裁并无区别.剪裁与背景的铺排方式和范围没有关系,只是按照指定的范围裁剪已经铺排好的背景,分别有padding-box、border-box、content-box、text四种剪裁方式,前三种比较常规简单,最后一种text裁剪比较有意思,是以前景内容的形状作为背景剪裁的范围,可实现遮罩效果.
（八）背景大小（background-size）
背景大小同样是CSS3新增的背景属性之一,可以实现通过改变图片尺寸后再近些铺排,如,将图片设置为宽40 px,高20 px进行铺排background-size:40px 20px；而是通过调整图片大小实现单张图片的填充.
三、背景技术难点详解
背景属性中,新增的背景裁剪与渐变色背景具有一定技巧性,下面详细讲解一下这2个属性的使用.
（一）背景裁剪的遮罩运用
前面提到过,CSS3新增的背景剪裁有一个以前景内容形状作为剪裁范围的应用,这种运用可以实现非常常见但又无法在网页中实现的遮罩效果.
（二）渐变背景的运用
CSS3给图片背景增加的一个重要的功能就是渐变色,渐变色有两种,线性渐变linear-gradient和径向渐变radial-gradient,如可将背景设置为倾斜45度角黑白线性渐变background-image: linear-gradient（45deg,#000,#fff）,也可以将背景设置为黑白径向渐变background-image: radial-gradient（#000,#fff）,如需更多颜色渐变,可以自己添加颜色
四、总结
背景的功能随着W3C标准在各个浏览器下的逐步兼容统一将会变得越来越强大,用好背景不仅可以提升用户体验,也能提高页面运行的效率,值得掌握和运用！
参考文献：
［1］郑伟.高职院校图形类专业实践教学研究［J］.科技资讯,2010（12）：248.
［2］郑伟.关于《网页设计与制作》课程标准化建设实施方案的研究［J］.电脑知识与技术,2016,7（12）：158-159.
此文评论：该文是一篇关于深入研究和模型和背景方面的相关大学硕士和背景本科毕业论文以及相关背景论文开题报告范文和职称论文写作参考文献资料.
参考文献：
1、 管检分离背景下政府间协议装运前检验模型重塑 【摘 要】政府间协议装运前检验作为一种特殊的检验类型,现行实施批批检验的模式已经与管检分离的新要求不相适应 在检验检疫部门从保姆式检验向风险监管、提高通关便利效率的大背景下,我们需要引入法检体制改革管.
2、 STEAM背景下高中生核心素养模型的构建以高中通用技术《纸桥的设计》教学设计为例 摘要分析高中生发展核心素养的必要性,以“发展学生核心素养”框架为指引,围绕STEAM教育理念,构建了基于STEAM教育的高中生发展核心素养模型,重点设计了基于STEAM教育的发.
3、 移动图书馆用户采纳行为模型构建与实证 摘要系统全面地获取用户采纳移动图书馆的主导影响因素以及它们之间的复杂关系,对提高图书馆移动服务质量具有重要的实践指导意义 文章采取开放式问卷获取移动图书馆用户采纳的影响因素,并结合用户采纳理论中的TT.
4、 智慧城市背景下中学智慧图书馆建设探析 关键词智慧城市；智慧图书馆；建设策略摘要随着我国科技水平的提升,智慧城市建设如火如荼,中学图书馆要想提升自身的服务水平,就要在智慧城市背景下开展智慧图书馆建设工作,以满足中学师生的阅读需求 文章首先对.
5、 高校科研数据管理和共享政策的案例和执行模型 摘要文章采用网络调查、内容分析和现场考察法,从政策内容、角色定位、平台建设三个方面剖析伊利诺伊大学数据银行政策体系现状与特点 在对已有政策执行模型优缺点与适用范围比较的基础上,选择史密斯过程模型来验证.
6、 精准扶贫背景下留守儿童阅读推广长效机制构建 关键词精准扶贫；留守儿童；阅读推广；长效机制摘要文章分析了当下农村留守儿童阅读的总体环境以及构建面向留守儿童的阅读推广长效机制的意义,指出了精准扶贫背景下图书馆留守儿童阅读推广长效机制的实现路径,以期.