![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 86
那一日面朝大海
好久不见 -q1367156312
展开
-
酷炫的CSS MASK
本文将介绍 CSS 中一个非常有意思的属性 mask 。顾名思义,mask 译为遮罩。在 CSS 中,mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。其实 mask 的出现已经有一段时间了,只是没有特别多实用的场景,在实战中使用的非常少,本文将罗列一些使用 mask 创造出来的有意思的场景。语法最基本,使用 mask 的方式是借助图片,类似这样: 1 2 3 4 5 {转载 2021-08-12 18:55:11 · 385 阅读 · 0 评论 -
一行CSS分别实现10种常见布局?
01、超级小中在没有和flex grid之前,垂直居中一直不能很优雅的实现。而现在,可以结合我们grid和place-items优雅的实现同时水平居中和垂直居中。<div class="parent blue" > <div class="box coral" contenteditable> :) </div>.ex1 .parent { display: grid; place-items: center; }.转载 2020-11-27 13:38:49 · 303 阅读 · 0 评论 -
css文字两行显示,超出显示......
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */overflow: hidden;/...原创 2020-04-15 10:24:53 · 3523 阅读 · 0 评论 -
用一行代码实现网页变灰效果
<meta http-equiv="X-UA-Compatible" content="IE=9"> <style> html{ filter: gray; /* IE6-9 */ filter: grayscale(100%); -webkit-filter: grayscale(100%); /*...原创 2020-04-13 10:28:11 · 392 阅读 · 0 评论 -
一些中文名的unicode
新细明体 \65B0\7EC6\660E\4F53细明体 \7EC6\660E\4F53标楷体 \6807\6977\4F53黑体 \9ED1\4F53宋体 \5B8B\4F53新宋体 \65B0\5B8B\4F53仿宋 \4EFF\5B8B楷体 \6977\4F53仿宋_GB2312 \4EFF\5B8B_GB2312楷体_GB2312 \6977\4F53_原创 2017-10-10 19:58:38 · 379 阅读 · 0 评论 -
如何在页面布局中实现元素水平+垂直居中
页面布局中常常见到需要使一个子元素相对于父元素垂直水平居中,总结几点方法如下:方法一:使用【margin:auto实现绝对定位元素的居中】父元素:position: relative;子元素:div{ width: 200px; height: 200px; background: green;原创 2018-01-30 17:26:14 · 576 阅读 · 0 评论 -
CSS两栏布局,左边定宽,右边自适应怎么实现?
这是页面布局的一个经典问题,总结下几种可行性的方法。左边布局定好宽度,右边布局实现自适应。方法一:可以用用flex布局,给父容器设置 display:flex;Right部分设置 flex:1 ;left只是之前定好的宽度;布局.left{ width: 300px; height: 200px; background-color: blue;}.b转载 2017-12-29 15:12:04 · 1266 阅读 · 0 评论 -
简单的解决textarea文本框内容换行,对应到页面的内容也换行的问题
当我们在页面上通过 textarea 提交数据的时候,我们输入的内容在提交后都会被处理为了一段内容,即使我们在 textarea 里面输入了很多的换行,提交后也是一段内容,那如果我们需要将我们输入的信息按照输入的形式保存下来该如何做呢?最近项目中就遇到了这样一个需求,页面左边是展示部分,右边是表单用来添加资料,表单里有textarea文本框,在里面输入内容,可以回车换行,然后点原创 2018-01-26 11:10:28 · 11603 阅读 · 2 评论