用HTML CSS实现旋转的立方体
2024-02-10用HTML CSS实现旋转的立方体_html3d旋转正方体
float,flex和grid布局
2024-02-10页面布局往往会影响着整体的结构与项目的样式,通常我们用的布局方式有三种:float,flex,grid。_flex grid
CSS3 用户界面、图片、按钮
2024-02-10在CSS3中,增加了一些新的用户界面特性来调整元素尺寸、框尺寸和外边框。CSS3用户界面属性:resize、box-sizing、outline-offset。outline-offset属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。
ant-design的Table组件暂无数据,滚动条位置修改
2024-02-10antd3.x的Table组件,设置横向滚动,如果没有数据,横向滚动条会展示在暂无数据的上方,现在想要把暂无数据展示在滚动条的上面原本效果。_ant-table-placeholder
定位position(绝对定位absolute 相对定位 relative)
2024-02-10文章目录定位固定定位相对定位绝对定位粘性定位定位固定定位position 规定元素的定位方式(类型) static 默认值,没有定位(写和不写一样) fixed 固定定位,会让元素生成 固定定位的元素 固定定位元素 永远是根据 浏览器的显示窗口 作为 定位位置的参考起点的 特点: 1、固定定位会使元素脱离文档流 2、元素在成为固定定位后,在没有规定固定宽度的情况下,宽高由内容撑开 3、固定定位会使元素产生块级框,不论任何类型的元素使用了固定定位后就都可以设置宽高了_position absolute
vue3内置组件Transition简单介绍和应用
2024-02-10Transition> 是一个内置组件,这意味着它在任意别的组件中都可以被使用无需注册。**它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。由 v-if 所触发的切换由 v-show 所触发的切换由特殊元素 切换的动态组件注意: 仅支持单个元素或组件作为其插槽内容。如果内容是一个组件,这个组件必须仅有一个根元素。你传入的这些 class 会覆盖相应阶段的默认 class 名。_vue3 transition
响应式Web开发项目教程(HTML5 CSS3 Bootstrap)第2版 例3-3 CSS3 旋转缩放
2024-02-10元素的变形都有一个原点,元素围绕着这个点进行变形或者旋转,默认的起始位置就是元素的中心位置。CSS3变形使用transform-origin属性指定元素变形基于的原点。修改变形原点为左下角(transform-origin: left bottom 0px;第13行代码改变了div盒子变形原点。
CSS权威指南(十二)Flexbox
2024-02-10Flexbox是一种简单而强大的布局方式,通过flex可以指明空间的分布方式、内容的对齐方式和元素的视觉顺序,把不同的组件放置在页面中。Flexbox依赖父子关系,在元素上声明display:flex | inline-flex后,这个元素随之成为弹性容器,负责在所占空间内布置子元素(flex-item)。取值:flex-start | flex-end | center | space-between | space-around | space-evenly | stretch。
vue3 nextTick()应用
2024-02-10当你更改组件的数据时,Vue3 会异步更新 DOM。如果你想捕捉组件数据变化后 DOM 更新的时刻,那么你需要使用函数。它们的单个callback参数在 DOM 更新后立即被调用:并且你可以保证获得与组件数据同步的最新 DOM。或者,如果你不向nextTick()提供回调参数,那么这些函数将返回一个在 DOM 更新时被解析的promise。_vue3 nexttick()
经典布局 (flex和传统两种实现) 左右两栏式
2024-02-10right:宽度和父级一样,设定margin-right:left的宽度px,宽度随父级变化而变化(固定 自适应)当主轴方向为 column时,上面设置高度,宽度和父级一直,下边flex:1。也就是说,当主轴方向是row的情况下,左边设置宽度,右边flex:1。right: 定宽高: position: absolute top: 0 right 0。left: 定宽高: position: absolute top: 0 left: 0。left,right:定宽,定高,float:left。_flex实现左右布局