- 2024-11-21圣杯布局和双飞翼布局的理解和区别，并用代码实现
圣杯布局和双飞翼布局都是前端开发中常用的页面布局方式，目标都是实现一个三栏布局，其中左右两栏固定宽度，中间栏自适应宽度，并且优先加载中间内容。它们的核心思想都是利用float和负边距来实现，但实现方式略有不同。圣杯布局(HolyGrailLayout):原理:中间栏放最前面，左右两栏
- 2024-11-12html\css 网页立体转动盒子效果
效果实现 转动方块效果练练手的代码，可能含有可以优化的地方，斟酌自取<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">
- 2024-06-18CSS学习笔记
一、盒子模型1.简介盒子模型是网页布局的基础，将页面中所有元素都看作是一个盒子，盒子都包含以下几个属性：width宽度height高度border边框padding内边距margin外边距2.盒子模型2.1border表示盒子的边框分为四个方向：上top、右right、下bottom、左leftborder-top
- 2024-05-07svg 进度条
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>Document</title&g
- 2024-03-23如何实现一个div垂直水平居中？
第一种：定位 第一种思路：父元素relative，子元素absolute，left为50%，top为50%，再给子div设置距左和距上是自身的一半：transform:translate(-50%,-50%)。代码实现：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="
- 2023-03-14【快应用】让背景图完美无“缺”
【关键字】快应用、背景图显示部分 【问题背景】快应用中在给组件设置后背景图的时候，背景图不能全部展示，只有展示了部分，该如何处理？代码：<template><divcl
- 2023-03-14【快应用】让背景图完美无“缺”
【关键字】快应用、背景图显示部分【问题背景】快应用中在给组件设置后背景图的时候，背景图不能全部展示，只有展示了部分，该如何处理？代码：<template><divclass="container">
- 2023-02-25grid布局
前置知识行列单元格容器属性项目属性grid网格布局grid布局专用单位：单位：fr（浮动宽度，grid布局特有的单位）fraction(分数)我们在理解grid布局的时候，可以想象成我们