(ง •_•)ง

html代码：实现方法：通过height来控制行数。

font-size: 12px;transform: scale(0.91,0.91) ;首先自定义字号为12像素，因为浏览器支持的最小就是12像素，之后通过缩放来实现想要的字号：11px = 11/12=0.916666666666666710px = 10/12=0.8333333333333333我们取小数点后2位替换scale的值即可。...

<div class="demo"><img src="1.png" alt=""></div><style type="text/css"> /*无用的样式*/ .demo{width: 100px;height: 100px;border-radius: 50%;text-align: center;display: flex;align-items: center;justify-content: center;border: 2px solid

.demo pre { /*字体样式*/ font-family: micsoft yahei; font-size: 16px; line-height: 2; color: #FFF; /*定义宽度*/ width: 800px; margin: auto; padding: 10px; /*背景色*/ background: #000; /*pre文字自动换行*/ white-space: pre-wrap; wh

body{ background-image: url(../img/bg.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }

该属性用于解决网站缩略图固定宽高的变形img{ width: 200px; height: 400px; object-fit: cover; }

垂直居中display: flex;align-items: center;justify-content: center;

.demo.on{ animation-name: rotateInDownLeft;/*所需运行的动画名称*/ animation-duration: 5s;/*在5秒内完成动画*/ animation-delay: 3s;/*等待3秒开始动画*/ animation-iteration-count: 1;/*动画运行次数，最后停止，数字或infinite（无限次），*/ 下面尚未测试 /*animation-direction: alternate;轮流反向播放动画*/ /*anima

关闭历史搜索：<input type="text" class="text" autocomplete="off"/>

html { -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); filter: progid: DXImageTransform.Microsoft.BasicImage(gra...

一行文本超出显示省略号，仅需要三个属性① 溢出隐藏② 溢出省略号显示③ 溢出不换行.demo{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.demo { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

nofullscreen隐藏全屏按钮，nodownload隐藏下载按钮，可单独使用也可以一起使用。<video width="600" height="400" controls controlsList='nofullscreen nodownload' > <source src="mp4/01.mp4" type="video/mp4"></video...

<a href="javascript:history.go(-1);">返回</a>

@font-face{ font-family: name1; src: url('../fonts/font1.otf');}@font-face{ font-family: name2; src: url('../fonts/font2.ttf');}.demo1{font-family: name1;}.demo2{font-family: name2;}

img{max-width: 100%;height: auto!important;width: auto\9!important;}最大宽度不超过容器，高度自适应，“\9”是只有IE8,IE9及以上版本识别

我们想给一个类加上背景颜色为“none”时，会发现并没有这个属性，这时我们就该用到：background-color: transparent;

+ function() { remLayout(); function remLayout() { var w = document.documentElement.clientWidth; w = w > 768 ? 768 : w; w = w <= 320 ? 320 : w; document.documentElement.style.fontSize ...

ul下的第12个li字体颜色为红色ul li:nth-child(12){color: red;}ul下的前10个li字体颜色为红色ul li:nth-child(-n+10){color: red;}

垂直翻转，例：" 士 " 变 " 干 ".demo{transform: rotateX(180deg);}水平翻转，例：" > " 变 " < ".demo{transform: rotateY(180deg);}

英文大写text-transform: uppercase;英文小写text-transform: lowercase;单词首字母大写text-transform: capitalize;原样式text-transform: none;

有缝隙的原因是因为html中把换行当做一个字符，解决方法如下：1、父元素设置字号为0，个人比较推荐这个。font-size: 0;2、html不换行，这个不适合强迫症的我。<div class="box"> <span>发布：2019-12-12</span> <span>阅读：1175次</span></div&g...

背景颜色渐变，白色过度到黑色，从上到下垂直渐变。.demo{background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#000));}