爱菇凉的博客

实现效果：具体实现效果：<div class="item-badge">跟它!</div>//css样式.item-badge { position: absolute; color: rgb(255, 165, 79); text-shadow:1px 1px 1px #000; font-size: 17px; font-weight: bold; t

css权重指的是这些选择符的优先级，优先级高的CSS样式会覆盖优先级低的样式。css权重计算：内联样式（1000）>id选择器（100）> 类、伪类、属性选择器 （10）>标签、伪类选择器（1）当前元素的权重= 以上对应的值相加其他：无条件优先的属性只需要在属性后面使用!important。它会覆盖页面内任何位置定义的元素样式。（ie6支持上有些bug）。通配符，子选择器，相邻选择器等。如*，>,+, 权值为0000.继承的样式没有权值。CSS权重计算方式计算

小提示: -webkit-font-smoothing（用来控制字体渲染时的平滑效果，使字体看起来更加清晰和舒服，在 Mac OS 和 ios 中表现比较明显，在 windows 中表现不明显），并非css的标准特性，可以根据自己的情况选择性的使用。-webkit-font-smoothing: antialiased; /*chrome、safari*/-moz-osx-font-smoo...

问题：其他布局下，溢出文本显示省略号时，样式为这样的： overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;在flex布局下，显示省略号无效；解决方法：在当前标签元素的父标签增加overflow: hidden;这样，省略号便...

纯css制作一个简单的幻灯片效果&lt;html&gt; div.ani &lt;style&gt; .ani{ width: 480px; height: 320px; margin: 50px auto; overflow: hidden; box-sh...

水平居中div布局 <div class="parent"> <div class="child"> demo</div> </div>css样式1.inline-block + text-align优点：兼容性极佳(可兼容 IE6、IE 7) .parent { text-align:...

https://juejin.im/post/5b8905456fb9a01a105966b4