HTML
关注
分享
扫一扫
文章平均质量分 70
颜华的部落格
不善清谈，行胜于言。
展开
-
HTML 提升HTML5的性能体验系列 列表流畅滑动
今天发现项目有一个页面滑动效果在iOS（iPhone6s&iPhoneSE）上十分顺畅，到安卓手机（三星新款手机，性能较高）上就很卡顿，百思不得其解。请教了同学之后，找到这样一篇文章：提升HTML5的性能体验系列之二 列表流畅滑动看了一下，意识到可能是因为div滑动而不是body滑动造成的卡顿。检查了代码。 {{~it:value:index}}原创 2017-05-16 14:03:29 · 3833 阅读 · 0 评论 -
jQuery 滚动到指定位置触发动画
项目需求：将某一个div在滑动的时候固定在顶端，滑动到顶端的时候回到原来位置。如gif所示： 所需jQuery文件：https://pan.baidu.com/s/1qXTEifU 1.css加上active .active { position: fixed; top: -10px;//根据需要可以调整 就是活跃分区距离顶端的距离 lef...原创 2017-04-25 17:21:57 · 10105 阅读 · 3 评论 -
doT.js 实例
Document div{ font-family: "微软雅黑"; font-size: 18px; line-height: 23px; text-align: center; width: 485px; margin: 0 auto; } .jishu{ background: orange; } .oushu{ bac原创 2017-04-27 20:36:19 · 2662 阅读 · 0 评论 -
CSS3 圆角详解
这篇文章是我在学习圆角的时候找到的，附上原文地址：点击打开链接~CSS3圆角详解作者：Nicholas Zakas译者：阮一峰原文：http://msdn.microsoft.com/en-us/scriptjunkie/gg508841.aspx发表日期：2010年12月8日一、CSS3圆角的优点传统的圆角生成方案，必须使用多张原创 2017-04-06 10:06:56 · 439 阅读 · 0 评论 -
CSS 伪类及伪元素用法详解
伪类的分类及作用：注：该表引自W3School教程伪元素的分类及作用：接下来让博主通过一些生动的实例（之前的作业或小作品）来说明几种常用伪类的用法和效果，其他的读者可以自己尝试： :active 大致效果为用鼠标点击时，元素增加特效，鼠标松开时，特效消失。多用在按钮的点击上。 写法：这里id为box的是一div块，在c原创 2017-04-05 17:00:13 · 1413 阅读 · 0 评论 -
CSS3 box-sizing详解
HTML菜鸟，正在学习：原文地址人们慢慢的意识到传统的盒子模型不直接，所以他们新增了一个叫做 box-sizing 的CSS属性。box-sizing: 盒大小,盒模型.我们经常遇到左右模块宽度为50%，加个边框会掉下去，加一个这个样式就能解决，看下栗子： div.container{width:300px;border:10px solid blue;}di原创 2017-03-30 15:05:57 · 4198 阅读 · 0 评论 -
HTML－CSS设置中文字体
这篇文章主要介绍了css如何设置各种中文字体如雅黑、黑体、宋体、楷体等等，需要的朋友可以参考下：.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } 说明： 加上中文名“微软雅黑”是为了兼容opera。 MicrosoftJheng原创 2017-03-14 10:41:16 · 8528 阅读 · 0 评论