分享收藏集
4篇文章 · 0订阅
  • CSS使用小技巧
    display: none：隐藏元素并破坏其渲染状态。 这意味着取消隐藏元素与渲染具有相同内容的新元素一样昂贵 visibility: hidden：隐藏元素并保持其渲染状态。 这并不能真正从文档中删除该元素，因为它（及其子树）仍占据页面上的几何空间，并且仍然可以单击。 它也可…
    CSS
  • 一行代码值200万？充满哲学与禅意的border-radius
    小米春季发布会，意外的让小米的logo和前端产生了碰撞，并成为大家讨论的热门话题。 “小米新LOGO的设计理念为“Alive”，即生命感设计... Alive理念是小米对智能互联时代转折点的思考与回应，它将东方哲学的思考融入了品牌视觉当中，从更高的维度重新思考科技与人的关系——…
    CSS
  • 十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出、表格边框合并...）
    1-1. 设置input 的placeholder的字体样式 1-2. 单行和多行文本超出省略号 1-3. 负边距使用技巧 1-4. 定位同时设置方位情况 1-5. 相邻兄弟选择器之常用场景 1-6. outline属性的妙用技巧 1-7. 隐藏滚动条或更改滚动条样式 1-8.…
    CSS
    十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出、表格边框合并...）
  • 8个有点优秀的CSS实践
    这是一种社交平台的常见需求，比如说在掘金平台中让用户选择感兴趣的标签，通常都是用JS来处理已经选择了的标签数量。今天给出一个css版本： 然后自定义label样式，接着设置CSS计算器。 设置如果文字长度超出指定的宽度，则隐藏超出宽度的内容。 设置文字在一行显示，不能换行。 设…
    CSS