CSS
milli236
这个作者很懒,什么都没留下…
展开
-
文本超出省略号显示 css实现
p{ width: 200px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }效果图:单行显示:overflow: ...原创 2019-03-11 17:27:53 · 152 阅读 · 0 评论 -
box-shadow的使用技巧总结
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩转载 2017-09-07 21:41:36 · 1370 阅读 · 0 评论 -
css3的背景图片设置的一些问题
background: url("../../static/img/wash/b_r.png")repeat-x 4% 0%; background-size:25% 20%;repeat-x:背景图横向重复平铺。。4%图片横向移动,后面是纵向移动前者25%相当于缩放图片图片,后者20%相对于元素纵向所占背景的比例 使用backgroun原创 2017-10-09 17:10:35 · 1115 阅读 · 0 评论 -
css布局:水平和垂直方向都居中,以及用flex实现
position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%) !important;//或 position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50原创 2017-09-04 15:40:51 · 1116 阅读 · 0 评论 -
css里img图片vertical-align属性
img图片属性vertical-align用来设置垂直对齐方式,所有垂直对齐的元素都会影响行高 值: baseline | sub | super | top | text-top | middle | bottom | text-bottom | | | inherit 初始值: baseline 应用于: 行内元素、替换元素、表单元格 继承性: 无 百分数原创 2017-12-29 14:16:21 · 5380 阅读 · 0 评论 -
input按钮两边距离如何消除
使用标签做了两个按钮, 按钮之间间距如何去掉遇到的问题: 使用标签做了两个按钮, 按钮之间有个间距不知道怎么去掉. 如下图: 问题解决: 是内联块状元素(inline-block); 内联元素是当做字体来处理的,字体之间是有间隔的,所以内联元素之间也是有间隔的; 将父级字体(font-size)设为0px,可以消除间隔,但是重新设置内联元素()的字体大小;原创 2018-01-30 16:48:03 · 3375 阅读 · 1 评论 -
sublime text3 使用Koala 编译sass
1.使用kaola官网下载地址:http://koala-app.com/index-zh.htmlgit使用Koala 参展文档:https://github.com/oklai/koala/wiki/%E5%BC%80%E5%A7%8B%E4%BD%BF%E7%94%A8Koala报错:补充。文件后缀名改.scss原因:Sass 和 SCSS 其实是同一种东西,我们平时都...原创 2018-11-28 12:51:55 · 313 阅读 · 0 评论 -
CSS3背景色:gradient(渐变)
gradient(渐变)生成渐变颜色的背景图片CSS3渐变分为linear-gradient(线性渐变)和radial-gradient(径向渐变)linear-gradient(线性渐变)在线性渐变过程中,颜色沿着一条直线过渡:从左侧到右侧、从右侧到左侧、从顶部到底部、从底部到顶部或着沿任何任意轴background-image: linear-gr...原创 2019-03-25 11:24:29 · 1658 阅读 · 0 评论