![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
昵称2-20个字符
这个作者很懒,什么都没留下…
展开
-
css 字间距离 段落字符间距设置
1、text-indent设置抬头距离css缩进text-indent : 10px; //缩进了10px;2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式letter-spacing:2px;//字间距为2px...原创 2020-04-12 17:10:15 · 765 阅读 · 0 评论 -
html+css实现移动端左右移动导航
html+css实现移动端左右移动导航实现原理:1.最外层元素上宽度设置成固定宽度;2. 第二层元素宽度设置为width: max-content;最内层各个li元素左浮动设置其间的间距;固定每个li的宽度;<div class="picShow"> <ul class="picWrap clearFloat"> <li>...原创 2020-04-12 15:23:23 · 1370 阅读 · 0 评论 -
css超出啊显示省略号 单行 多行
//一行 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;//两行 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; ...原创 2019-12-30 15:26:14 · 95 阅读 · 0 评论 -
background-size 100%跟cover的区别
background-size中,100%和cover都是用于将图片扩大或者缩放来适应整个容器background-size:100% 100%;按容器比例撑满,图片变形;background-size:cover;把背景图片放大到适合元素容器的尺寸,图片比例不变,超出容器的部分可能会裁掉。当为百分比的时候,100%和100%,100%也会显示不一样的效果:background-size:...原创 2019-12-16 10:02:24 · 269 阅读 · 0 评论 -
css 滤镜 filter: grayscale();
filter 属性定义了元素(通常是)的可视效果(例如:模糊与饱和度)。<!DOCTYPE html><html><head><style>img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(70%);...原创 2019-12-03 12:47:19 · 4700 阅读 · 0 评论 -
页面禁止选中 双击选中
实现网页中的内容不能选中…js原生方法 // js禁用页面选中 document.onselectstart=function(){return false;};css方法// 通过css *{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-selec...原创 2019-11-21 13:56:39 · 530 阅读 · 0 评论 -
scss兼容 线性渐变
@mixin linear-gradient($from, $to) { /* Fallback for sad browsers */ background-color: $to; /* Mozilla Firefox */ background-image:-moz-linear-gradient($from, $to); /* Opera */ ...原创 2020-01-14 08:57:27 · 1422 阅读 · 0 评论