随笔分类 - CSS
摘要：这个要在宽，高都是100%的情况下才能提现 object-fit 属性的用法介绍 这个要在宽，高都是100%的情况下才能提现 object-fit 属性的用法介绍 fill（不保持纵横比缩放图片，使图片完全适应） contain（保持纵横比缩放图片，使图片的长边能完全显示出来） cover（保持纵横
阅读全文
摘要：span{ color: blue; border:1px solid black;}.extra span{ color: inherit;} 清除原有样式 text-decoration: none;
阅读全文
摘要：https://blog.csdn.net/m0_37809478/article/details/76619207
阅读全文
摘要：.banner-box .banner-header-up { padding: 20rpx 24rpx; width: 70%; margin: 0 auto; position: relative; background: linear-gradient(#1b1b1b, #111); bord
阅读全文
摘要：.login-btn{ margin-top: 60rpx !important; background-color:transparent !important; width: 40%; margin: 0 auto; border-bottom: 1px solid #aaa; color: #
阅读全文
摘要：input .input-item input{ width: 100%; height: 60px; border-radius: 10px; box-shadow:0px 8px 32px 0 rgba(132,148,194,0.28) ; border: 0; padding:0 20px;
阅读全文
摘要：position: absolute; display:flex; justify-content:center;align-items:center; justify-content:center;align-items:center;
阅读全文
摘要：选择第一个到第六个li元素ul li:nth-child(n+3):not(:nth-child(n+6)){}选择第二个到最后一个ul li:nth-child(2)~li{}选择除了第一个和最后一个ul li:not(:first-child):not(:last-child){}
阅读全文
摘要：CSS选择器及其继承特性、层叠特性1.基本选择器 标记 id class 这个就不再作介绍了 2.复合选择器 交集 交集选择器由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集 其中第一个必须是标记选择器，第二个必须是类别选择器或者ID选择器，须连续书写 如，div.class 并集 并集
阅读全文
摘要：参考网站 http://blog.csdn.net/yume_sola/article/details/70215695 http://www.youdiancms.com/jianrong/614.html 标签选择器 就是用标签名来当做选择器。 1 、所有标签都能够当做选择器，比如body、h1
阅读全文
摘要：CSS常见布局解决方案说起css布局，那么一定得聊聊盒模型，清除浮动，position，display什么的，但本篇本不是讲这些基础知识的，而是给出各种布局的解决方案。水平居中布局首先我们来看看水平居中1.margin + 定宽<div class="parent"> <div class="chi
阅读全文
摘要：居中是我们使用css来布局时常遇到的情况。使用css来进行居中时，有时一个属性就能搞定，有时则需要一定的技巧才能兼容到所有浏览器，本文就居中的一些常用方法做个简单的介绍。 注：本文所讲方法除了特别说明外，都是兼容IE6+、谷歌、火狐等主流浏览器的。 先来说几种简单的、人畜无害的居中方法 1. 把ma
阅读全文