HTML5|CSS3

基础知识HTML5、CSS3以及在PC和H5页面的适配和兼容

实现路径动画SMIL或offset-path和canvas

2

笑语 发布于 2018-11-27

路径动画在增强用户体验过方面还是挺有用的。当然你也可以用个gif图来实现,gif是万能的,但是前提是一定要满足业务对页面性能的要求。我们这里主 ...

阅读(81)赞 (1)

高性能CSS动画

8

笑语 发布于 2018-11-27

CSS Animation是实现Web Animation方法之一,其主要通过@keyframes和animation-*或者transition来实现一些Web动效。不过今天我们聊的不是怎么制作 ...

阅读(57)赞 (1)

JS和CSS使用的一些小技巧和问题

2

笑语 发布于 2018-10-12

定制间隔线 需要上面这样一条虚线,怎么搞? 方法一: border-top: 1px dashed #eee; 方法二: //基于渐变 .dash { height: 1px; ...

阅读(650)赞 (1)

HTML元素嵌套约束

3

笑语 发布于 2018-09-08

块级元素特点: ①总是在新行上开始,占据一整行(很霸道); ②高度,行高以及外边距和内边距都可控制; ③宽带始终是与浏览器宽度一样,与内容无 ...

阅读(218)赞 (0)

css基线与行高关系

18

笑语 发布于 2018-04-09

一、基本概念 1、基线、底线、顶线、中线 注意:基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。 2、内容区 内容区是 ...

阅读(503)赞 (0)

基于rem方案实现自适应布局

6

笑语 发布于 2018-04-02

rem是相对于根元素<html>,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。 ...

阅读(508)赞 (0)

每日一击:z-index与translateZ

1

笑语 发布于 2018-01-03

我们在写样式的时候,经常会用到 transform: translate3d(0px, 0px, 0px),据说这个还能开启浏览器动画硬件加速。但是你知道吗,这里面包含了一个 ...

阅读(620)赞 (0)

H5页面秒开-套路1

笑语 发布于 2017-12-12

随着移动设备性能不断增强,web 页面的性能体验逐渐变得可以接受,又因为 web 开发模式的诸多好处(跨平台,动态更新,减体积,无限扩展),APP 客 ...

阅读(576)赞 (2)

CSS 变量(CSS Variable)

1

笑语 发布于 2017-10-16

这是一个令人激动的革新。 CSS 变量,顾名思义,也就是由网页的作者或用户定义的实体,用来指定文档中的特定变量。 更准确的说法,应该称之为 C ...

阅读(660)赞 (1)

伪类与伪元素的用法

4

笑语 发布于 2017-10-16

熟悉前端的人都会听过css的伪类与伪元素,然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发,区分这两者的区别,并且列出大部 ...

阅读(647)赞 (1)