最新 最热

【移动端网页布局】流式布局 ① ( 流式布局简介 | 百分比布局 / 非固定像素布局 | 根据屏幕尺寸 / 设备类型自动调整网页布局 )

为 流式布局 中 盒子模型 设置 百分比宽度 , 其大小可以根据屏幕宽度自适应伸缩 , 该盒子没有像素限制 , 内容自动向左右两边填充 ;

2023-04-30
1

flex布局

flex布局一、flex布局案例display:flex;flex-direction: row;//排序的方向,row代表横向排列&#xFF0C......

2023-04-27
1

grid布局

背景渐变色网格布局,由行和列组成的一个个方格。display: grid一、grid布局属性grid-auto-flow: row;// 排列的方向,row:行排列(&#x......

2023-04-27
1

iframe在dark模式下无法透明

在做项目的时候需要通过iframe链接别的网页,又需要使用自己的框架背景,就像这样:

2023-04-27
1

slidev

君子先择而后交,小人先交而后择。——王通 分享一个为开发者打造的演示文稿工具:https://cn.sli.dev/

2023-04-27
0

仿chatGPT或chatPDF的前端界面布局,css实现对话聊天布局代码,响应式左右分栏布局(附完整源代码)

chatPDF或者chatGPT的界面挺简洁的,就是一个左侧的列表以及右侧的对话列表,现在使用css实现这样的布局

2023-04-26
1

【移动端网页布局】移动端网页布局基础概念 ⑤ ( 视网膜屏技术 | 二倍图概念 | 代码示例 )

PC 端 和 早期的 移动端 网页中 , CSS 中配置的 1 像素 对应的就是物理屏幕中的 1 像素 ;

2023-04-24
1

【Jetpack】DataBinding 架构组件 ⑥ ( RecyclerView 数据绑定 )

在 RecyclerView 中 , 如果要使用 DataBinding 架构组件进行数据绑定 , 首先要 启用 DataBinding , 并 导入 RecyclerView 依赖 , 在 Module 模块下的 build.gradle 构建脚本 中 , 配置如下内容 :...

2023-04-24
1

【移动端网页布局】移动端网页布局基础概念 ② ( 视口 | 布局视口 | 视觉视口 | 理想视口 )

布局视口 - Layout ViewPort 指的是 在 浏览器 中,用于 显示文档的区域大小和位置。它是指 网页中可见部分的大小,即浏览器窗口中显示的内容大小。

2023-04-24
1

css命名规范

CSS 命名规范页面外围控制整体布局宽度:wrapper页头:header页面主体:main内容:content页脚:footer导航:nav主导航:mainbav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar菜单:......

2023-04-22
1