css
关注
分享
扫一扫
AIU哎呀
喜交友，互相学习分享。耿直程序猿，不善言辞，见谅，哇咔咔
展开
-
css 虚化背景图
css 虚化背景图虚化背景样式： -webkit-filter: blur(2rpx);-moz-filter: blur(2rpx);-o-filter: blur(2rpx);-ms-filter: blur(2rpx);filter: blur(2rpx);示例直接上代码，此示例是基于uniapp项目举例（最近在熟悉uniapp框架，所以直接基于项目写例子）注： 其中涉及到...原创 2020-03-23 19:31:21 · 965 阅读 · 0 评论 -
移除HTML5 input在type="number"时的上下小箭头
移除HTML5 input在type="number"时的上下小箭头在chrome下：input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; }Firefox下：input[type="numbe...转载 2019-08-30 14:26:18 · 217 阅读 · 0 评论 -
中文版Chrome浏览器不支持12px以下字体的解决方案
中文版Chrome浏览器不支持12px以下字体的解决方案以下内容为转载内容，最下方会有自测经历，自测以下代码有效： Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px，英文版则没有限制，主要是因为chrome认为汉字小于12px就会增加识别难度，尤其是中文常用的宋体和微软雅黑。而我们在实际项目中，对于数字/英文内容，其他字体的文本可能会有特殊的需求要求它们以更小的字...翻译 2019-04-11 12:10:54 · 947 阅读 · 0 评论 -
css 设置文本自动填充指定宽度
css 设置文本自动填充指定宽度场景如图： 指定宽度，文本自适应填满.justify { width:100px; display:block; //注：此处需要设置display属性为块级block text-align:justify; text-align-last:justify; }...原创 2019-03-21 11:53:49 · 4629 阅读 · 0 评论 -
div垂直方向自适应，上下div高度固定，中间高度自适应
div垂直方向自适应，上下div高度固定，中间高度自适应https://blog.youkuaiyun.com/muyeju/article/details/48878647【自测有效】css代码：<span style="font-family:Microsoft YaHei;"><style>html,body{ margin:0; padding:0; heigh...转载 2019-03-14 14:59:00 · 2454 阅读 · 0 评论 -
CSS3动画
css3动画@keyframes一、了解动画CSS3中我们可以用@keyframes规则创建动画，它可以取代许多网页动画图像，Flash动画，和JavaScript。@keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。二、定义动画用百分比来规定变化发生的时间，0% 是动画的开始，100% 是动画的完成。【或用关键词 “from” 和 “to”，等同于 0%...原创 2018-11-22 18:24:47 · 257 阅读 · 1 评论 -
css：只用一个div实现八卦图
只用一个div实现一个八卦图效果图：html：&lt;div&gt;&lt;/div&gt;css:&lt;style&gt; div{ width: 100px; height: 200px; background: #fff; position: absolute; ...原创 2018-11-22 14:48:51 · 2479 阅读 · 1 评论 -
margin-top的bug
margin-top的bug1. 发生现象：给子元素设置margin-top值作用在父元素上html：<div class="father"> <div class="son"></div> <div class="son"></div> </div原创 2018-11-22 11:36:07 · 602 阅读 · 0 评论 -
head标签中logo图的设置
标签中logo图的设置<link rel="icon" type="image/png/jpg" href="./img/logo.png" sizes="96*96">效果图：//这个是直接引用小米官网<link rel="icon" href="//s01.mifile.cn/favicon.ico" type="imag原创 2018-11-22 11:15:40 · 2011 阅读 · 0 评论 -
CSS渐变
CSS渐变线性渐变、径向渐变、重复渐变、渐变文字一、线性渐变（linear-gradient）1. 均匀渐变：(默认top→bottom)标准语法：background: linear-gradient(yellow,orange,red,green,cyan,blue,plum) ;效果图2. 不均匀渐变标砖语法：background: linear-gradient(ye...原创 2018-11-21 18:11:47 · 291 阅读 · 2 评论 -
文本溢出处理为省略号（多行、单行）
文本溢出处理一、单行文本溢出处理效果图：html代码：<body> <div class="text">vukfjygfvhjvfgdtryutfvghdfkjgfdhgfhjgdfdgj</div> <div class="text">除服可以广泛不UK研发与来访不给刘亦菲不各领域和不根本不超过好久</div&原创 2018-11-20 16:56:33 · 264 阅读 · 0 评论