css六种隐藏元素的方法 1、display，使用none值会让元素从文档中直接删除，”直接消失不见了”用法：display:none优点：简单暴力，不需要多余代码。不占空间，对布局没影响。缺点：元素从文档删除，不利于seo2、text-indent，一般是首行缩2个中文字的用法是text-indent:2em。但当给他一个足够大的负值，大到一般我们浏览器无法显示。用法：text-indent:-999em优点：利于搜索引擎缺点：它的作用其实就是把文字提到段落前面，不让我们看见，不影响宽度？会影响布局。3、position，假如说一个元素的距离我们的视窗（电脑显示屏幕）足够大，大到我们浏览器也无法显示出来，那么它也是“消失”的。但是这种做法一般适用于比较写死的东西。用法：position:absolute; top:-999em或者left:-999em或 position:absolute; visibility:hidden;优点：信手拈来，随意摆放缺点：用法太死，不能随意修改，比较死板4、visibility，只是“看不见”而已，所以元素依然会影响到布局用法：visibility:hidden优点：利于SEO优化缺点：该属性会继承，假如祖先用了visibility:hidden，那么子元素也是直接显示不见，想要子元素显示让用户看见，还要必须再多写visibility：visible5、opacity:0设置元素透明度opacity属性为0，也可以隐藏页面元素，在呈现上与visibility:hidden;方式一样，同样会占据页面空间。6、clip-path:polygon(0px 0px , 0px 0px,0px 0px,0px 0px)通过掩蔽和剪裁来隐藏部分元素

css3flexbox布局实现元素垂直水平居中 Flex垂直水平居中<div class="flex"> Flex垂直水平居中 </div><style> .flex{ font-size: 25px; height: 200px; border: 1px solid black; display: flex; align-items: center; justify-content: center; </style>

html 单选框placeholder及字体颜色设置 html 单选框placeholder及字体颜色设置.deal_sell4 input{ text-align: right; color: #555; font-size: 0.92rem; } .deal_sell4 input::-webkit-input-placeholder{ font-size: 0.88rem; color: #cccccc;} .deal_sell4 input:-moz-placeholder{ font-size: 0.88rem; color: #cccccc;} .deal_sell4 input::-moz-placeholder{ font-size: 0.88rem; color: #cccccc;} .deal_sell4 input:-ms-input-placeholder{ font-size: 0.88rem; color: #cccccc;}

使用css截取字符串，保留省略号 文字过多，可以使用css来截取字符串，保留省略号，兼容性也是最好的。<p class="p1">哈哈哈哈哈哈哈哈哈哈或或或或或或或或或或或或或或或或或或或或或</p> <p class="p2">啦啦啦啦啦啦啦拉拉阿拉啦啦啦阿拉啦啦啦啦啦啦啦啦</p> <style> 显示一行，超出隐藏，保留省略号 .p1{ width:20rem; font-size: 1.6rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } 截取两行，超出隐藏，保留省略号 .p2{ color: #999; overflow: hidden; line-height: 1.4; margin: .3rem 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; } </style>

如何使用css给网站图片加灰色 2020年4日4，为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院发布公告，决定2020年4月4日举行全国性哀悼活动。从4月3日下午起，娱乐诸多网站自发更换灰色，以悼念逝者，致敬英雄，你发现，生活常见的网站以及app都变成灰色，现在来说下说是如何实现的。网站设置灰色html{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter:gray; /*ie9- */ }