网站建设

新都冠辰拥有一支 10年以上经验丰富的 网站制作团队,而且具备科学的建站流程和快速的客户服务体系(mmoggo女性品牌排行榜 )

新都网站建设









专家

整合营销

短时间、快速度、 简操作、低投入提高品牌展示率

整合营销专家

网站推广

搜索引擎优化 ,百度自然排名,真 正实现点击不收费!

网站优化推广

主机域名

独家采用独立 IP,减少IP被封机率;免受攻 击;利于优化排名

独立IP主机

新的css版本对于background有哪些修改   


时间:2013年01月14日 来源:新都网站建设          www.  浏览量: 【字体:
 
background可以设置背景图片 ,对于背景图片,大部分的人在网站制作的过程中是要用到的,那么在新的CSS版本里面,  background会以一种什么方式 出现呢?对之前的CSS,有哪些修改    呢? 1、多个背景图片  采用多个背景图片 有时是新都网站建设          想要的,新 CSS里面就可以设置多 个背景。你可以再一个标签元素里应用多个背景图片。引用图片之间需用“,”逗号隔开。个图 片是定位在元素上面的背景,后面的背景图片依次在它下面显示,如下: background-image: url(/top-image.jpg), url(/middle-image.jpg), url(/bottom-image.jpg); 2、Background Clip background-clip的添加让新都网站建设          完全能够控制背景显示的位置。在旧版本里面,  背景被border边框遮挡的问题还 没有解决。属性值如下: (1)background-clip: border;背景在border边框下开始 显示 (2)background-clip: padding;背景在padding下开始显示,而不 是border边框下开始 (3)background-clip: content;背景在内容区域下开始显示,而不 是border边框下开始 或padding下开始。 (4)background-clip: no-clip;默认属性值,类似 与background-clip: border; 3、Background Origin 此属性需要与 background-position配合使用。你可以 用background-position计算定位是从 border,padding或content boxes内容区域算起。( 类似background-clip) (1)background-origin:border; 从border边框位置算起 (2)background-origin:padding; 从padding位置算起 (3)background-origin:content; 从content-box内容区域位置算起 ; 等于是增加了一个 背景的参考。 4、Background Size Background Size属性用来重设你的 背景图片。有几个属性值: (1)background-size: contain; 缩小背景图片使其 适应标签元素(主要是像素方面的比率) (2)background-size: cover; 让背景图片放大延 伸到整个标签元素大小(主要是像素方面的比率) (3)background-size: 100px 100px; 标明背景图片缩放 的尺寸大小 (4)background-size: 50% 100%; 百分比是根据内容 标签元素大小,来缩放图片的尺寸大小 5、Background Break css3里标签元素能被分 在不同区域(如:让内联元素span跨多行), background-break属性能够控制背景 在不同区域显示。 属性值: (1)Background-break: continuous; 此属性是默认值, 忽视区域之间的间隔空隙(给它们应用图片就好像把它们看成一个区域一样) (2)Background-break: bounding-box; 重新考虑区域之间 的间隔 (3)Background-break: each-box; 对每一个独立的标 签区域进行背景的重新划分。 6、背景颜色的调整 background-color属性在css3版本里面稍微做了 增强,除了指定background color背景颜色之外,还 可以对不使用的标签元素背景图片进行去色处理。 background-color: green / blue;此例子里,这背景 颜色可能是绿色,然而,如果底部背景图片无效的话,蓝色将代替绿色来显示。如果你没有指定某个颜色的话,它将其视为透明。 7、背景重复的调整 css2里当设置背景的时 候,它经常被标签元素截取而显示不全,css3介绍了2个新属性来修复此 问题。 space:图片以相同的间 距平铺且填充整个标签元素 round:图片自动缩放直 到适应且填充整个标签元素 8、Background Attachment的调整 Background Attachment有了一个新属性值 :local,当标签元素滚动时 它才有效(如设置overflow:scroll;),当background-attachment设置为scroll时,背景图片是不 随内容滚条滚动的。现在,有了background-attachment:local,就可以做到让背 景随元素内容滚动而滚动了。 新的css版本对于background的修改将会解决很 多的问题,比之前的CSS2有了明显的进步, 这点将让大家做出更多更好的网站。
相关链接:
·网上开店都有哪些 优点和缺点?
·设置网站中  title网页标题应注意哪 些
·建设英文网站我们 应主意哪些细节
·修改网站制作  CSS中的字体
·一个网站由哪些东 西组成
·表格高度不可以修 改的方法
·网站不好的地方有 哪些
·网站制作过程包括 哪些部分
·针对谷歌PR更新的一些想法 
·哪些博客推广方法 是不好的
联系我们
  • 业务咨询1:18782121200
  • 业务咨询2:18080432432
  • 服务热线:   028-86088588
  • 服务热线:   028-62322623
  • 免费热线: 400-000-2367
  • 投诉电话: 028-88028543
  • 传真:028-62322623-823
返回首页| | | | |
新都网站建设          冠辰公司为您提供:网页设计、成都品牌网站建设、网站推广、网络公司、企业网站建设、免费上门服务 等一站式互联网服 务。
版权所有 Copyright © 2002-2014 四川冠辰科技开发 有限公司 http://www.保留所有权利 蜀ICP备11012605号
地址:成都市金丰 路6号量力钢铁交易大 厦B座2010室
服务热线:   400-000-2367 028-86088588 总机:028-62322623-0 传真:028-62322623-823
友情连接: QQ:3575114 >>>更多
友情链接:    彩讯彩票app   博凯彩票-安全购彩   pk拾手机计划网页版_pk拾全天计划两期_pk拾彩票网开奖直播   鼎峰彩票---首页欢迎你   558赢彩