1.HTMl5的新增标签; 结构标签: header section footer nav article aside hgroup figure figcaption dialog 多媒体标签: video audio…

HTML 篇 样式兼容性问题 <!-- IE 按 Edge 模式渲染 --> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <…

在web项目中，有一个很重的模块就是登陆/注册模块，这个模块的主体部分就是一个form表单，这个form表单包含两个重要input组（用户名/密码），每个input组都包含label和input，而关于 label+in…

开发中可能会遇到这样的需求：一个响应式页面，它的图片宽度是随页面大小变化的，并且图片高度和宽度要保持固定的比率。（这里假设图片是<img>元素，不是作为background，页面上要显示图片的宽高比与图片本身…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 制作像素画的画板https://codepen.io/abeatrize/… 纯 css 画的晚上的风车https://codepen…

快速开始 css 复制粘贴样式表到head <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/b…

点击input时，不显示边框！ ① input{ outline: none; } ②:focus 伪类选择器 ① input{ outline: none; }    鼠标点击input时，出显的黑色边框，怎么去除的问…

见这 fiddle. 我有一个flex-layout的flex布局：一个容器内的列,高度为100vh.我的flex布局容器(蓝色容器)必须占据主容器的整个高度(高度：100％). 鉴于此上下文,我想在视口高度太小而无法包…

动画全屏视频背景时,我发现如果两个< video>标签重叠,同时使用转换进行翻译,在OSX上的Chrome中,下一个变暗.它在其他浏览器和Chrome for Windows上都能很好地运行. video {…

以下CSS在我的 Windows手机中运行良好,但我的Pre不会默认为数字输入. input.numeric { -wap-input-format:"*n"; } 如何将Pre(以及可能是其他较新的移动浏览器？)默认为…

按下右边的“点击预览”按钮能够在当前页面预览，点击链接能够翻开原始页面。 随机画出的树林https://codepen.io/ge1doot/fu… 纯 css 写的从空中俯视街道的结果https://cod…

[github地址：https://github.com/ABCDdouyae…] gradient-string 用于在终端打印出好看的渐变文字 普通用法 console.log(gradient('cya…