HTML5|CSS3

CSS 变量(CSS Variable)

1

皓眸大前端 - chalecao 发布于 2017-10-16

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

阅读(23)评论(0)赞 (0)

伪类与伪元素的用法

4

皓眸大前端 - chalecao 发布于 2017-10-16

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

阅读(20)评论(0)赞 (0)

H5兼容性问题总结

3

皓眸大前端 - chalecao 发布于 2017-09-06

文字问题 1.文字顶部被截掉,这个很坑,常见于android手机     机型:android手机,红米note4x, 小米6 原因: 文字大小 ...

阅读(201)评论(1)赞 (3)

学习和使用flexbox布局

1

皓眸大前端 - chalecao 发布于 2017-09-04

是时候好好学习flex布局了,之前的开发经验主要集中在web pc端开发,现在主要集中在H5页面的开发,既然H5基本都支持flex布局,为什么不熟练使用呢 ...

阅读(126)评论(0)赞 (1)

SVG的视窗与宽高比控制

14

皓眸大前端 - chalecao 发布于 2017-08-29

SVG元素不像HTML元素一样由CSS盒模型管理。这使得我们可以更加灵活定位和变换这些元素-也许一眼看上去不太直观。然而,一旦你理解了SVG坐标系和变换,操纵SVG会非常简单并且很有意义。本篇文章中我们将讨论控制SVG坐标系的最重要的三个属性:viewport, viewBox,...

阅读(181)评论(0)赞 (1)

SVG的牛B之处,你造吗

2

皓眸大前端 - chalecao 发布于 2017-08-29

SVG能干啥,想干啥就干啥。可以用来做贴图,做纹理,做动画,甚至做背景图片,你想要的都可以,关键是操作灵活,和别是和canvas又可以相互转化使用,简直是居家旅行必备神器,作为前端工程师,你学会了吗?不会,就抓紧开始吧。

阅读(68)评论(0)赞 (1)

浏览器兼容性经验笔记

1

皓眸大前端 - chalecao 发布于 2017-08-29

遇到好多坑,一路走来,发现竟是坑。调IE7,泪流满面;调微信浏览器,汗流浃背,沐浴泪光。哎,记录一下,有些坑人的地方,还是比较有趣的,值得注意。

阅读(48)评论(0)赞 (1)

SCSS/SASS编译

1

皓眸大前端 - chalecao 发布于 2017-08-29

SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。SCSS即是SASS的新语法,是Sassy CSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于SASS...

阅读(108)评论(0)赞 (0)

WebStorge使用

1

皓眸大前端 - chalecao 发布于 2017-08-29

互联网的未来,是移动互联网;移动互联网网页的未来是WEB App。对于Web APP或者许多的富客户端网页来说,Web Storage是很重要的一部分。对于提升用户体验和网页页面优化有很重要的价值。使用者需要对网页或app的数据结构分层整合,区分出可以用于web storage和...

阅读(50)评论(0)赞 (0)

伪类使用技巧

2

皓眸大前端 - chalecao 发布于 2017-08-29

关于伪类,大家最早接触的肯定是a:hover了,但是不止如此,还有很多其他的伪类。另外,伪类与伪元素也是不同的。伪元素最近用的比较多,做一些效果还是挺不错的,可以有效避免增加DOM元素。这里主要总结一下伪类与伪元素的用法。

阅读(90)评论(0)赞 (0)