Welcome to the website navigation,本站只接受合法正规的企业网站,欢迎站长们提交你的网站获得展示和流量有任何问题请联系站长,欢迎大家加入本站。

                
提交网站
  • 网站:76083
  • 待审:5
  • APP:577
  • 文章:304411
  • 会员:56004
文字内链包年1000元 文字内链包年1000元 文字内链包年1000元 AI办公网站 AI绘画工具 AIchat

名站导航为爱好css的朋友们提供相关的知识。

CSS教程属性line-height新解zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

在做wap新站时候使用了很多html5和CSS教程3的属性,经测试,一般标准的浏览器(包括PC端的和手机客户端浏览器)都是兼容的比较好, 惟独发现Opera Mobile手机浏览器(也就是国内的欧朋浏览器)对CSS教程3兼容的不太好。我测试的是最新版本7.2.2。而且,我发现,不只是对CSS教程3不支持,而且对line-height的属性的解析与其他浏览器也是不相同的。 虽然,Opera的新版手机浏览器马上就要发布了,这是Opera的第一款基于Webkit的手机客户端浏览器。显然,这是个好消息,尤其对于做前端的我们,webkit家族的壮大,就意味着我们在测试兼容性的考虑范围缩小,工作量会相应的减少。 不过,我觉得还是有必要搞清楚这个情况,下面我简单总结一下对其的新认识。 第一,对CSS教程3的选择器和类似header、nav、footer等标签不兼容,在不使用插件和JS处理的情况下,从纯CSS教程的角度来切入,我们可以采用类名来做定义,这是常用的替代方案。我的项目中,针对元素背景不支持颜色渐变的情况,折中的方案是给其一个最合适的背景色,这样使得背景色和文字颜色能有个基本的对比和区分,不至于影响用户的阅读和正常浏览。 例如:zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  • 此篇文章具体介绍如下

百分比值同关键字很接近,但其操作方式不一样。用百分比值来居中一幅背景图像,也很简单:zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   body { background-image;url(beijing.gif); background-repeat:no-repeat; background-position:50% 50%; }zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   这使得背景图像的中心同其父元素中心对齐。换句话说,百分比值同时应用于元素及其背景图像。zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   为理解这一概念,让我们桌仔细观察其过程。当在某一元素里居中背景图像时,图像中被描述为50% 50%的点将与元素中同样描述的点对齐。zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   因此,要使背景图像横跨元素的三分之一,纵跨三分之二,可以按如下声明:zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   body { background-image:url(beijing.gif); backgrounf-repeat:no-repeat; background-position:33% 66%; }zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   这就使得图像上相对于左上角水平为三分一,垂直为三分之二的那个点与元素中的同样的点重合。zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   注意,百分比的水平值总是在前面。如果将上例中的这两个百分比值交换位置,那么背景图像将被放于水平三分之二,垂直三分之一处。同样,当只给出一个百分比值时,这个值为水平值,而另一个垂直百分比值被假定为50%。这同关键字一样,当只有一个关键字给出时,另一个被假定为center。如下:zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   body { background-image:url(beijing.gif); backgrounf-repeat:no-repeat; background-position:33%; }zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   则背景图像会放置于水平三分之一,垂直二分之一处。zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   下面给出了关键字和百分比值的对照比:zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   单一关键字:center、top、bottom、right、left。zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   等价的双关键字:center center、top center、center to、bottom center、center bottom、center right、right center、center left、left center、top left、left top、top right、bottom right、right bottom、bottom left、left bottom。zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   等价的百分比:50% 50%、50% 0%、50% 100%、100% 50%、100% 50%、0% 50%、0%、0% 0%、0% 100%、100% 100%、0% 100%。zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


   background-position的缺省值为0% O%,和top left的功能一样。zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

 zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

   这也是为什么在设置百分比值时,图像总是相对于元素的左上角开始平铺的原因所在。zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

你需要知道的三个 CSS教程 技巧zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS教程来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS教程 功能。zNiAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

关于css的相关的知识就说到这里希望能够可以帮助更多的朋友们。,CSS背景图像位置属性background-

分享到:

  admin

注册时间:

网站:0 个   APP:3 个  文章:0 篇

  • 76083

    网站

  • 577

    APP

  • 304411

    文章

  • 56004

    会员

赶快注册账号,推广您的网站吧!
文章分类
热门网站
最新入驻APP小程序

宝贝市场2023-02-08

宝贝市场——买手和卖家商品展示

夺宝助手2023-02-08

夺宝助手小程序,查看每日快夺宝平

查诚信2023-02-08

查诚信是一款免费的商业查询工具

车价天天报2023-02-08

快速连接汽车销售,获知汽车最新报

考勤助理小程序2023-02-08

上班签到考勤,实时定位,后台轻松

汽车报价大全查询2023-02-08

汽车报价大全查询提供最新汽车市