2022 年 2月 28 日随笔档案 - 曦12

2022年2月28日

摘要：

每次点击方块时通过三元表达式，改变对应的class，每一个不同的class对应不同的样式，从而通过改变class实现样式的切换。实现代码 <template> <div class="container">  <div v-for="item 阅读全文

posted @ 2022-02-28 21:10 曦12 阅读(114) 评论(0) 推荐(0)

box-sizing属性的理解

摘要：

使用原因盒模型布局中padding与border也是具有尺寸的，为避免其对页面布局产生影响，可使用box-sizing: border-box;属性设置盒模型，此时便可只用设置元素宽高即可。 #属性详解 box-sizing的值有content-box、border-box、inherit。 co 阅读全文

posted @ 2022-02-28 17:23 曦12 阅读(261) 评论(0) 推荐(0)

flex布局

摘要：

什么是flex布局 flex布局即为弹性布局，使用display:flex进行布局，此布局使得盒模型布局更易使用。值得注意的是设为flex布局后，子元素的float、clear和vertical-align属性将失效。 flex的使用当元素使用flex后，该元素则成为flex容器(containe 阅读全文

posted @ 2022-02-28 16:53 曦12 阅读(3916) 评论(0) 推荐(1)

css设置滚动条样式

摘要：

css伪类选择器可修改滚动条样式，仅限webkit内核浏览器。点击查看代码 ::-webkit-scrollbar {/*滚动条整体*/ width: 7px; height: 7px; } ::-webkit-scrollbar-track{/*滑轨*/ background-color:#aa 阅读全文

posted @ 2022-02-28 09:56 曦12 阅读(335) 评论(0) 推荐(0)