lannieZ的博客

二、box-sizing:border-box。一、width: inherit;

css实现收货地址下边的平行四边形彩色线条

<div class="shopAddress">上塘店</div>.shopAddress { width: 72px; height: 36px; background: #2C5894; opacity: 0.4; border-radius: 8px; font-size: 16px; line-height: 36px; text-align: cente.

margin: 0 -1px -1px 0;

transitiontransition有四个属性：transition-property:需要参与过渡的属性，例如：width、height、background…transition-duration:过渡动画的持续时间，单位秒s或毫秒mstransition-delay：延迟过渡的时间，单位秒s或毫秒mstransition-timing-function：动画过渡的动画类型transition的简写方式如下例子：div{ width:100px; height:100p

// 不使用:not().nav li { border-bottom: 1px solid #666;}.nav li:last-child { border-bottom: none;}// 使用:not().nav li:not(:last-child) { border-bottom: 1px solid #666;}// 或者使用兄弟选择符~.nav li:first-child ~ li { border-bottom: 1px solid #666;}

1、给父元素设置.parent{padding-top: 0.1px;}2、给父元素设置.parent{border: 1px solid transparent;}3、给父元素设置.parent{overflow: hidden;}4、给父元素设置.parent{display: inline-block;}5、给父元素设置.parent{float: left;}6、给父元素设置.parent{position: absolute;}...

<div id="main"> <div class="item"><div class="first"></div></div> <div class="item"><div class="second"></div></div> <div class="item"><div class="third"></div>

input{ outline: none; -webkit-appearance: button; -webkit-appearance: none; border-radius: 0; background: none; border: none; }

// right是包含内容的盒子.right { width:552px; max-height:554px; overflow-y: scroll;}.right::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px;}.right::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px

html { font-size: 16px;}@media screen and (min-width: 375px) { html { /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */ font-size: calc(100% + 2 * (100vw - 375px) / 39); font-size: calc(16px + 2 * (100vw - 375px) / 39

div { width: 510px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

text-decoration: line-through

.right-icon { width: 20rpx; height: 20rpx; border-top: 2rpx solid #3E93D2; border-right: 2rpx solid #3E93D2; transform: rotate(45deg); margin-top: 38rpx;}

.triangle-left {width:0;height:0;border-right:20px solid yellow;border-top:20px solid transparent;border-bottom:20px solid transparent;}.triangle-up {width:0;height:0;border-bottom:20px sol...

visibiity：hidden 和 display：none有什么区别display: none隐藏后的元素不占据任何空间visibility: hidden是视觉上消失了，可以理解为透明度为0的效果，隐藏后的元素空间依旧保留visibility具有继承性，给父元素设置visibility:hidden;子元素也会继承这个属性。CSS3的transition支持visibility属性，...