当前位置: 首页 > news >正文

学校做网站现在建网站挣钱吗

学校做网站,现在建网站挣钱吗,新乡网站建设设计公司哪家好,网络推广外包想手机蛙软件1.作用#xff1a;background-position是用来控制元素背景图片的位置。以图片的左上角顶点为原点#xff0c;属性值为正就代表图片下移或右移#xff0c;属性值为负就代表图片上移或左移。它接受三种值 - 关键词#xff0c;比如top、right、bottom、left和center - 长度值…1.作用background-position是用来控制元素背景图片的位置。以图片的左上角顶点为原点属性值为正就代表图片下移或右移属性值为负就代表图片上移或左移。它接受三种值 - 关键词比如top、right、bottom、left和center - 长度值比如px、em、rem等 - 百分值% 在前面我们看到背景图片默认的被放置在放置区的左上角。这是由于background-position的默认的值是0%,0% 位置属性可以通过指定一个偏移量(关键词、百分比或长度)、两个偏移量(三种可能值取两个组合)、或者四个偏移量(一个关键词加一个相对数值)来描述 如果只提供了一个值那么另一个方向即被假定为 center。如果提供了两个值第一个会决定距离左边缘的偏移即水平位置第二个值会决定图片从上边缘向下的偏移即竖直的位置 注意1注意一对关键字可以交换顺序一个关键字和百分比或长度的组合不能。因此center left是合法的50% left则不正确必须是left 50%。当使用一个关键字和一个长度或百分比的组合时第一个值总是对应水平偏移,第二个对应竖直偏移 注意2事实上关键字是特定百分比值的简写比如top相当于 距离上边缘偏移0%bottom相当于距离上边缘偏移100%left相当于距离左边缘偏移0%right相当于距离左边缘偏移100%center相当于距离任意它被应用的方向偏移50%(水平或竖直) 2.使用绝对值的效果 当你用绝对值指定位置时就是使背景图片偏离左上角一个特定的量。换句话说图片会移动离开放置区左上角达到你在background-position中指定的偏移量 最好的解释和理解的方式是看图这里有两个绝对值background-position的例子看看浏览器是怎样解释位置和放置背景图片的。两个示例中元素大小100px乘80px 绝对值也可以是负数这种情况下图片就会离开边缘反方向上偏移 3.使用百分比的效果 不像使用绝对值的偏移量会从元素左上角移动一个特定的距离百分比X%偏移会把图片水平宽度X%(或竖直高度X%)的点与容器横向X%的点(或竖直高度X%) 对齐 例如绝对值位置0% 0%会让图片0% 0%的点与背景放置区坐标系0% 0%的点对齐。绝对值位置50% 70%会把图片横向50%竖直70%的点与背景放置区横向50%竖直70%的点对齐 和使用绝度值一样百分比也可以有负数负数移动图片到坐标轴相反的方向上 4.相对任意边缘的偏移 上两节的例子中我们设定、体验了图片相对上边缘和左边缘的偏移的效果 (这对于有一个或两个值的 background-position来说是默认的) 当使用组合关键词和数值成四个值的语法时你就也能够指定背景图片相对于右边缘和底部边缘的偏移了。为了这样做你只需要指出你要用的边缘的名字后面跟上你想要的偏移量就可以了 在使用四个值位置的语法时一定要记得当给出三个或四个值的时候每个百分比或绝对长度都必须跟在一个关键词后面用来指定从哪个边缘上偏移。例如background-position: bottom 10px right 20px代表 竖直从下边缘偏移10px水平从右边缘偏移20px。如果三个值已经指定好了没给出的被假定为0。如果你给出了两个数值偏移量或一个关键词那么值是无效的浏览器会使用默认值0% 0% 实例 第一张背景图background-position:10px 10px第二张背景图background-position: center 5.你所不知道的background-position 前面也说过了background-position取值除了长度值length和关键词之外还可以取值为百分比值。当然大家也使用过百分比值比如: 那么问题来了你真的了解background-position取值为百分比的计算比例吗如果我的百分比值不是和关键词对等的值呢那么它是怎么计算的这一系列的问题你是否有仔细的思考过。就我个人而言我以前所理解也存在一个误区 我一直错误的理解为background-position百分比值它是相对于背景图片的尺寸 实际上当背景图片尺寸background-size不做任何的重置也就是100% 100%时水平百分比的值等于容器宽度百分比值减去背景图片宽度百分比值。垂直百分比的值等于容器高度百分比值减去背景图片高度百分比值 比如前面的示例如果取值background-position: 75% 50%;背景图片的起始位置 - 水平位置x轴(410 - 100) * 75% 232.5px - 垂直位置y轴(210 - 100) * 50% 55px 总结background-origin用来定义background-position的原点位置而background-position用来设置图片相对原点的位置
http://www.yutouwan.com/news/462932/

相关文章:

  • 做网站交互效果用什么软件采集网站后台数据
  • 在线网站建设询问报价上海阳性增多
  • 网站报价表格wordpress升级失败
  • php 手机网站开发wordpress 修订版本
  • 个人网站 免备案全国分站seo
  • 会议网站建设方案模板庆阳网站设计价格
  • 黄岛网站开发本地网站可以做吗?
  • 宝安区网站建设门户网站宣传方案
  • 做的公司网站风格跟样式和别人一样汉口网站建设 优帮云
  • 网站建设技术可行性越秀微网站建设
  • 哪个网站可以帮助做数学题无锡网络公司无锡网站推广
  • 清迈城市建设网站双控机制建设网站
  • 电脑做网站服务器需要什么软件立网站系
  • 展示型网站有哪些功能第八章 电子商务网站建设试题
  • 手工做耳环银材料哪个网站可以买到网站制作厦门
  • 晋江建设银行招聘网站保定网站公司那家好
  • 肇庆做网站的公司简单的网页设计论文
  • 建网站什么样的域名最好互联网公司是做什么的
  • mip网站建设房屋装修免费设计出图
  • 游戏网站建设邢台网络优化技术公司
  • 网站建设合同首付多少钱专做机械类毕业设计的网站
  • 合肥外贸网站推广厦门建设局网站改到哪
  • 视频网站做app还是h5网络工程规划与设计
  • 美橙表业手表网站怎么做才能让网站快速收录
  • 开源php建站系统竞价推广返点开户
  • dw做的网站怎么在vsphp 网站建设流程
  • 做网站工作怀孕wordpress 母婴类模板
  • 男女做爰视频网站在线好的设计作品网站
  • flash网站 seo100个万能营销方案
  • 双语版网站引导页学广告设计前景怎么样