![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5/CSS3
文章平均质量分 55
webxiaoma
学习it,喜欢it
展开
-
html清除浮动的6种方法示例
html清除浮动的6种方法示例使用display:inline-block会出现的情况:1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于inline-block属性换行的时候被解析(有间隙)故解决方法使用浮动float:left/right使用浮动时出现的情况:转载 2016-10-08 16:57:07 · 3113 阅读 · 0 评论 -
浏览器的一些兼容性问题
css和js在各个浏览器上边的兼容问题,以及处理办法。原创 2016-12-09 11:45:05 · 512 阅读 · 0 评论 -
将图片转换base64格式,data:image/png;base64是什么?
data:image/png;base64是什么?在代码中我们经常看到图片转换base64格式原创 2017-04-11 14:57:23 · 95034 阅读 · 4 评论 -
利用javascript实现页面截图(html2canvas的用法)
今天我来总结一下怎么利用javascript实现页面截图,这是我在公司项目中遇到过的问题。 html2canvas可以通过纯JS对浏览器端经行截屏,但截图的精确度还有待提高,部分css不可识别,所以在canvas中不能完美呈现原画面样式兼容性: Firefox 3.5+ Google Chrome Opera 12+ IE9+ Safari 6+原创 2017-05-27 11:12:25 · 29258 阅读 · 3 评论 -
HTML5+(html5 plus)
通过 HTML5 开发移动 App 时,会发现 HTML5 很多能力不具备。为弥补 HTML5 能力 的不足,HTML5 plus 才出现原创 2017-04-06 10:30:54 · 1744 阅读 · 0 评论 -
Flex 布局
CSS3Flex布局(弹性布局)原创 2017-04-06 08:41:51 · 341 阅读 · 0 评论 -
CSS3 3D动画 transform
今天我来总结一下 CSS3 的 3D 动画。利用transform 和 animation可以写出很好看到3D动画效果原创 2017-04-10 15:47:54 · 906 阅读 · 0 评论 -
你所不知道的伪元素 CSS 中::before 和 ::after 的用法
以前知道伪类和为元素,但是没有真正去研究过,今天我主要总结了一下为元素中的before 和 after 的一些用法,通过这两个为元素来认识一下其他的为元素!一、什么是伪类,什么是为元素 ① 伪类 伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容;原则上特征是不可以从文档树上推断得到的。在感觉上原创 2016-12-20 14:22:33 · 2779 阅读 · 0 评论 -
css中单位px和em,rem的区别
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢? PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内转载 2016-12-02 09:22:24 · 1463 阅读 · 0 评论 -
移动端 transform 详解
今天我总结了一下transform 在移动端的用法。这里我主要讲解它的 2D 方法。其实3D 方法不是很难,我感觉编写3D 的难处在于你的想象力和数学功底。这里主要是讲js控制transform3D方法请见:http://blog.csdn.net/webxiaoma/article/details/69950318一、transform 位移我们使用js 控制位移的方法有两种:1.translat原创 2017-07-07 14:43:01 · 3795 阅读 · 0 评论