html5新增结构标签 header 头部 nav 导航 section 区域 article 文章 aside 侧边栏 figure 一组多媒体内容 figcaption 多媒体内容的标题 footer 底部 hgroup 区块的相关信息 ...

HTML5的结构化标签，对搜索引擎更友好 li 标签对不利于搜索引擎的收录，尽量少用 banner图片一般拥有版权，不需要搜索引擎收录，因此可以使用ul + li 可用于浅色副标题 display:inline-b ...

编辑器：sublime text3 标注工具：PxCook 切图工具：PS 开发前准备：设计图标注 PxCook 空格键可以上下拖动 大致标注图纸：（可惜不能文字标注和拉参考线） 开发前准备：PS切图 在指定图层上新建一个图层，使用ctr ...

常用开发小技巧 写在前面 JavaScript 篇 1.格式化金钱 const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); const ...

本篇文章给大家带来的内容是关于css实现3d动画特效的代码实例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助！ 一、动画属性 1.transform-style: flat | preserve-3d 动画的形式 flat： ...

一、BFC Block Formatting Contexts (BFC，块级格式化上下文)，就是 一个块级元素 的渲染显示规则。 （可以把 BFC 理解为一个封闭的大箱子，容器里面的子元素不会影响到外面的元素）。 1、BFC的布局规则例如 ...

九格宫抽奖相信大家都玩过，今天就用 JavaScript 写个九宫格抽奖玩玩。让中奖不再是梦！ 1.预览效果 image 效果图为屏幕录制软件生成，以至于出现滚动不连贯。实际运行中不会出现不连贯的滚动效果 2.完整代码 代码可直接复制运行查 ...

1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移1 ...

1.图片向下撑大3像素问题 在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法： 1.1给图片添加display:block； 1.2给图片添加float:left； 1.3 给图片添加vertical-alig ...

把CSS样式与网页编排通过网页排版中主要格式化要素实现网页实用性与欣赏性相结合，实现出设计效果。 字体：div{font-family: "Microsoft Yahei";}为网页中的文字设置字体为微软雅黑,这里注意不要设置不常用的字体， ...