H5

**（1）行内元素**`a b span img input select strong` **（

语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化）。通俗来讲就是用正确的标签做正

我为什么要写个钟？起因：写着玩儿，就是觉得这个东西很有趣。我可以把我它变成我喜欢的样子，用代码写出来的东西和买来的东西，意义截然不同。虽不惊艳，却乐在其中。 还会想起小时候，和小伙伴们一起用圆珠笔在手

前言 今天是5月3日，阳光明媚，正适合来掘金“劳动劳动”。于是乎，我把目标对准了惦记已久的掘金头像。是的，就是那个 hover 一下，就加速旋转的头像，几欲跳出电脑屏幕。如果你了解一点儿动画，就不难领

上次用 flex 布局写了 9 个麻将，一直想尝试用 grid 布局来写。今天终于有兴致试试了，翻了一圈资料，麻了，先写几个简单的吧。 基础布局 公共样式 初始效果 哈哈，挤一坨了，像弹簧，还挺有趣！

一、关于移动端 1px 的问题 CSS 的 1px 在 PC 端就是 1px；在移动端就往往大于 1px。不信可以自测！ 二、产生原因 设备像素比：dpr=window.devicePixelRati

前言 为了深入了解 flex 布局，我用 它 写了 9个麻将，当然，你也可以试试骰子，大同小异。 一、初始布局与公共样式 一开始是想用 div 来写，后来改成 ul li 更合适。 1、基础布局 2、

CSS 隐藏盒子的方式 说到 CSS 隐藏盒子的方式，除了 display:none; visibility: hidden; opacity: 0;这三种，你还知道哪些呢？话不多说，先上 demo~

transform 转换 转换 transform 是CSS 的属性，它有三个属性值：translate(位移) 、rotate(旋转)、scale(缩放) 。transform 对行内元素无效，对行

音频标签 audio src 是音频路径 autoplay 是自动播放（谷歌浏览器限制自动播放，其他浏览器可以） controls 是播放控件（当不能自动播放的时候，可以用） loop 是单曲循环 视

文本框、密码、单选框、复选框、按钮、重置按钮、提交按钮、数字、文件、搜索框、图片按钮、日期月、日期、时间、邮箱、电话......