*, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; } .container { text-align: center; } section { width: 30%; display: inline-block; text-align: center; min-heigh...

网上有详细的flex布局介绍，大部分太详细，以至于伸手党都要看很仔细才能哪来用，这里我记录下最常用的几点首先flex布局完全不同于盒子模型，使用：display:flex定义为flex模型后，float左右浮动都已失效，所以在flex中不要...

首先设置宽和高，然后加入：overflow: hidden; white-space: nowrap; text-overflow:ellipsis;多余的文字即可显示省略号如果有单子被自动换行，加入word-break: break-all;即可

html::-webkit-scrollbar, body::-webkit-scrollbar{ width: 0px; height: 0px;}.left_Menu::-webkit-scrollbar { display: none;}

input显示在苹果手机中，会有一个阴影框，影响美观，在css中加入：input {-webkit-appearance:none; /*去除baiinput默认样式*/}使用这个CSS语句即可去掉阴影框但使用这个样式会，会使input的radio类型和checkbox类型不显...

假设有滚动条的class名称为“menu”，css代码为：/*滚动条整体样式*/.menu::-webkit-scrollbar {width: 6px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px;}/*滚动条里面小方块(滚动条自身颜色)*/.menu::-webkit-...

1、HTML5新增了很多的type属性，下面列出新加的属性（常用的在前）url 定义用于 URL 的文本字段。email 定义用于 e-mail 地址的文本字段number 定义带有 spinner 控件的数字字段color 定义拾色器。range 定义带...

1、<audio> 标签属性 src：音乐的URL preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 [html] view plain copy <audio id="media" src="http://www.abc.com/test.mp3" c...

我们接触网站开发时可能最先遇到的就是table表格了，它代码简单，布局效果也不错，又可以实现上下居中，但是y也正因为布局太过于局限，而且搜索引擎也不太喜欢它，所以我们也就离他越来越远了，但是有些地方也是不得不用，...