![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 70
颜华的部落格
不善清谈,行胜于言。
展开
-
HTML 提升HTML5的性能体验系列 列表流畅滑动
今天发现项目有一个页面滑动效果在iOS(iPhone6s&iPhoneSE)上十分顺畅,到安卓手机(三星新款手机,性能较高)上就很卡顿,百思不得其解。请教了同学之后,找到这样一篇文章:提升HTML5的性能体验系列之二 列表流畅滑动看了一下,意识到可能是因为div滑动而不是body滑动造成的卡顿。检查了代码。 {{~it:value:index}}原创 2017-05-16 14:03:29 · 3736 阅读 · 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 · 10058 阅读 · 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 · 2625 阅读 · 0 评论 -
CSS3 圆角详解
这篇文章是我在学习圆角的时候找到的,附上原文地址:点击打开链接~CSS3圆角详解作者:Nicholas Zakas译者:阮一峰原文:http://msdn.microsoft.com/en-us/scriptjunkie/gg508841.aspx发表日期:2010年12月8日一、CSS3圆角的优点传统的圆角生成方案,必须使用多张原创 2017-04-06 10:06:56 · 416 阅读 · 0 评论 -
CSS 伪类及伪元素用法详解
伪类的分类及作用:注:该表引自W3School教程伪元素的分类及作用:接下来让博主通过一些生动的实例(之前的作业或小作品)来说明几种常用伪类的用法和效果,其他的读者可以自己尝试: :active 大致效果为用鼠标点击时,元素增加特效,鼠标松开时,特效消失。多用在按钮的点击上。 写法:这里id为box的是一div块,在c原创 2017-04-05 17:00:13 · 1382 阅读 · 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 · 4121 阅读 · 0 评论 -
HTML-CSS设置中文字体
这篇文章主要介绍了css如何设置各种中文字体如雅黑、黑体、宋体、楷体等等,需要的朋友可以参考下:.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } 说明: 加上中文名“微软雅黑”是为了兼容opera。 MicrosoftJheng原创 2017-03-14 10:41:16 · 8464 阅读 · 0 评论