分析支付宝首页

1. 实现渐变
FF: background: linear-gradient(-90deg, #FCFCFC 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
IE: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f5f5f5'); WIDTH: 100%; BACKGROUND: #f5f5f5; HEIGHT: 26px; _overflow: hidden
2. 也用到了 i 标签
<i> 标签显示斜体文本效果。
3. after伪元素,需要注意的是ie6&ie7是不支持这一元素的
http://www.w3help.org/zh-cn/causes/RS8010
有很多在IE6和IE7是用js实现这一效果的
css清除浮动的方法》这个方法可以实现全兼容,支付宝就是用这种方法的
4. placeholder
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
5. text-shadow 文字阴影
6. 重要的标题都是用 h1、h2、h3等实现的
7. article 标签:标签定义独立的内容
8. text-indent 的应用,将文字在页面上对访客隐藏,但对搜索引擎不隐藏。
最用于 a 标签实现图片,标签内的innerHtml为文字内容
但使用这一样式,会导致虚线框的问题,可以使用a:focus { outline:0 }把虚线框去掉。
9. 这样定义样式类名:
ui-link-item
ui-link-item ui-link-item-first
ui-link-item ui-link-item-last
10. 如何用纯CSS实现如下效果: xxx | xxx | xxx | xxx
每一个 .ui-link-item 都有 border-right: 1px solid #CCCCCC; 样式
最后一个 ui-link-item-last 去掉 border-right
今天看文章《margin负值 – 一个秘密武器》发现还有其实方法可以实现,通过margin-left:-1px实现隐藏。
这两种方法有什么不同呢?如果是程序循环输出这效果的,用后面那种方法比较好,不用判断是不是最后一项,但这种方法在各浏览器可能有兼容问题。(2013-08-19)
11. 昨天在做网页时,发现我想通过 margin 来调整 + 号按钮的位置,但发现会所父容器也撑大了。今天再分析支付宝的页面,他们像我这样情况不是用块元素来实现的,而是用line元素来实现的,当用line元素时设置子图片的 margin 是不会撑大父容器的。(2013-08-19)

转载于:https://www.cnblogs.com/chy1000/p/3260067.html

乐播投屏是一款简单好用、功能强大的专业投屏软件,支持手机投屏电视、手机投电脑、电脑投电视等多种投屏方式。 多端兼容与跨网投屏:支持手机、平板、电脑等多种设备之间的自由组合投屏,且无需连接 WiFi,通过跨屏技术打破网络限制,扫一扫即可投屏。 广泛的应用支持:支持 10000+APP 投屏,包括综合视频、网盘与浏览器、美韩剧、斗鱼、虎牙等直播平台,还能将央视、湖南卫视等各大卫视的直播内容一键投屏。 高清流畅投屏体验:腾讯独家智能音画调校技术,支持 4K 高清画质、240Hz 超高帧率,低延迟不卡顿,能为用户提供更高清、流畅的视觉享受。 会议办公功能强大:拥有全球唯一的 “超级投屏空间”,扫码即投,无需安装。支持多人共享投屏、远程协作批注,PPT、Excel、视频等文件都能流畅展示,还具备企业级安全加密,保障会议资料不泄露。 多人互动功能:支持多人投屏,邀请好友加入投屏互动,远程也可加入。同时具备一屏多显、语音互动功能,支持多人连麦,实时语音交流。 文件支持全:支持 PPT、PDF、Word、Excel 等办公文件,以及视频、图片等多种类型文件的投屏,还支持网盘直投,无需下载和转格式。 特色功能丰富:投屏时可同步录制投屏画,部分版本还支持通过触控屏或电视端外接鼠标反控电脑,以及在投屏过程中用画笔实时标注等功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值