CSS新手填坑记录

--2017.03.14--

Https实施

  • Mixed Content Warning/Error
    • Https中加载http资源时的警告,可以使用Content Security Policy

--2016.07.21--

微信浏览器的坑

  • Android
    • location.reload问题:简而言之就是当前页不能刷新。解决方案就是改location.href,具体看这
  • iOS
    • 二维码识别问题:a. 一定要使用img标签;b. viewport不是device-width时会有位置偏移

--2016.07.13--

audio标签

  • 说明
  • 事件
  • 样例


--2016.07.08--

inline-block元素间距

  • 逼死代码强迫症

IMG标签和CSS的background-image使用选择

  • 大标准就是看语义需要

CSS动画

  • 一个教程
  • 两个概念:transition/animation
  • 一个cubic-bezier函数生成工具

--2016.06.29--

margin-collapsing

  • 一篇详细的说明
  • Chrome审查元素时会显示为黄色的区域
  • 简易方法就是直接把外层元素换成用padding

居中问题

  • 这里有个很全面的总结,对各类情景做了一个分类决策树

border

  • 只有在设置完border-style之后才会显示出border

position

  • 标记为absolute时是相对于最近的一个标记为relative的parent

Font Boosting

  • 浏览器的特性,在特定规则下自动放大字体

推荐教程和工具

  • http://learn.shayhowe.com/html-css/
    • 解释了盒模型、定位和文本渲染方法
  • http://zh.learnlayout.com/toc.html
    • 简单的布局教程
  • Sublime Text
    • Emmet插件,补全神器
    • HtmlPrettify插件,保存时顺手格式化

你可能感兴趣的:(CSS新手填坑记录)