无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 行业新闻 >

GoogleGoogle的CSS市场前景照片合拼技术性

时间:2021-02-28 17:20来源:未知 作者:jianzhan 点击:
在 Google 检索結果网页页面中,将其 Logo 标志鼠标右键另存为后能够发觉,它并不是单纯性的 Google Logo,只是一块繁杂的拼接照片:查询检索网页页面源码,其 Logo 一部分编码以下:实
在 Google 检索結果网页页面中,将其 Logo 标志鼠标右键另存为后能够发觉,它并不是单纯性的 Google Logo,只是一块繁杂的拼接照片:

查询检索网页页面源码,其 Logo 一部分编码以下:
实例编码 [] a id=logo href= /tz.php?url=/webhp?hl=zh-CN title= Google 首页 Google img width=168 height=119 src= /images/nav_logo4.png alt= /a
其CSS 一部分编码以下:
实例编码 []#logo{display:block;overflow:hidden;position:relative;width:150px;height:52px;margin:14px 0 7px}
#logo img{border:none;position:absolute;left:-0px;top:-26px}
剖析所述编码得知,CSS 中 id=logo 的款式父原素选用相对性精准定位方法,界定了总宽和高宽比,应用 overflow:hidden 来掩藏外溢一部分;而 img 原素则采用肯定精准定位方法,应用 left 和 top 开展照片精准定位,这与情况照片的精准定位是一致的。 (责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信