随笔分类 -  CSS

flex布局常用样式
摘要:// flex容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis) // flex 左对齐 顶对齐 .flex{ display: flex; // align-items: flex-start; // 项目在交叉轴上如何对齐 justify-content: 阅读全文
posted @ 2020-07-16 15:05 紫藤萝yu 阅读(1002) 评论(0) 推荐(0)
修改浏览器的滚动条样式
摘要:在日常开发中,浏览器自带的滚动条样式比较丑,有时候也与系统整体的色调不搭配,因为需要修改滚动条样式 滚动条从外观来看是由两部分组成:1,可以滑动的部分,我们叫它滑块2,滚动条的轨道,即滑块的轨道,一般来说滑块的颜色比轨道的颜色深。 css样式 1 div::-webkit-scrollbar{ 2 阅读全文
posted @ 2019-11-08 09:43 紫藤萝yu 阅读(3894) 评论(0) 推荐(0)
重新学习html和css
摘要:当初学习前端的时候,属于快速入门那种,没有好好深入学习html和css。如今,在空闲时间重新拿起基础书学习,都会写到一些新的知识。 1、css实现圆角、渐变功能。使用border-radius以及linear-gradient属性。 阅读全文
posted @ 2019-02-24 21:35 紫藤萝yu 阅读(235) 评论(0) 推荐(0)