首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
html/css相关
Crystal328
创建于2025-11-03
订阅专栏
知识点
暂无订阅
共7篇文章
创建于2025-11-03
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
3D实战案例(飞行的火箭/创建3D导航/翻书效果/创建长方体/环环相扣效果)
1. 飞行的火箭 开发步骤: 第一步:插入火箭图,然后利用自定义动画,实现火箭沿左上角和右下角方向来会移动 第二步:定义一个宽 1px 和高 160px,背景颜色为蓝色的盒子,然后定位到火箭旁边,再旋
margin塌陷/合并总结
margin塌陷总结 margin 重叠也叫:外间距重叠 、或外边距合并、或外边距穿透、或外边距塌陷。 margin 重叠只针对垂直方向,不针对水平方向。 发生的情况: 1、兄弟元素之间- 上下外边距
z-index 层叠上下文综合实践(流光按钮/带悬停效果的导航/弹性滑动导航)
1. 层叠上下文 什么是层叠上下文 层叠上下文理解为 HTML 元素的一个属性,一但 HTML 元素拥有了这个属性,我们可以理解为这个 HTML 元素在Z 轴上就“高人一等”,也就是在 Z 轴上会显示
相对/绝对定位经典案例(悬停卡片效果/水平步骤条/绝对定位的盒子垂直水平居中/定位元素中心在父元素右上角/带三角形的会话框/鼠标移入展开动画)
1. 相对定位 相对定位:相对于 自己本身正常位置(即:未使用定位前的位置) 进行定位 元素的初始位置占据的空间会被保留 相对定位元素不会对其它元素产生任何影响 自身的层级会提升半层 1.1 悬停卡
浮动实战应用(左右两列/一行多列/三列式布局中间自适应/多行多列式布局/网站整站结构布局)
4. 浮动实战应用 4.1 左右两列布局 4.2 一行多列 4.3 三列式布局,中间自适应 4.4 多列布局 4.5 网站布局
BFC/清除浮动的最佳实践
为需要清除浮动的添加.clearfix 添加伪元素 ::after 匹配选中的元素的最后一个子元素 */ .clearfix::after { content:
background属性经典应用(视觉差效果/绘制纸张/绘制棋盘/绘制彩虹/发光的毛毛球/发光按钮/波点背景/彩色饼图/圆环加载指示器)
1. 经典视觉差效果 为要盖住的图片添加 background-attachment:fixed scroll: 图片随着页面的滚动而滚动,相对于元素本身是固定,不会随着元素的内容而滚走 fixed: