前端 CSS 进阶知识库

发布时间:2026/8/11 3:28:06

前端 CSS 进阶知识库
一、选择器权重等级由低至高排序通配符选择器 *元素标签选择器类、属性、伪‑类选择器ID 专属选择器行内 style 内嵌样式!important 拥有最高优先权日常开发尽量少用二、伪类、伪元素详解伪类操控元素各类状态:hover 鼠标悬浮状态:active 鼠标按压瞬间:link 未访问的超链接:visited 浏览过后的链接:focus 输入框获取光标焦点伪元素生成虚拟附加内容::before 在元素前方新增内容::after 在元素后方新增内容三、浮动布局 float参数left 向左浮动、right 向右浮动、none 关闭浮动用处实现块状元素横向并排摆放弊端父盒子高度塌陷清除浮动方案父标签设置 overflow‑hidden末尾空标签添加 clear:both四、transition 平滑过渡动画用来给样式变动添加顺滑动画效果csstransition: 全部属性 过渡耗时;五、高频踩坑要点块级元素独占整行能够自定义宽高行内元素无法设置宽高转为 inline‑block 即可垂直方向外边距 margin 会出现折叠现象absolute 绝对定位父辈容器必须设置 relative 相对定位

相关新闻

魔兽争霸3兼容性修复终极指南:3步免费解锁完整功能

魔兽争霸3兼容性修复终极指南:3步免费解锁完整功能

2026/8/11 3:18:06

魔兽争霸3兼容性修复终极指南:3步免费解锁完整功能 【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper WarcraftHelper是一款专为魔兽争霸3玩家…

如何3步完成飞书文档批量导出:告别手动下载的终极解决方案

如何3步完成飞书文档批量导出:告别手动下载的终极解决方案

2026/8/11 3:18:06

如何3步完成飞书文档批量导出:告别手动下载的终极解决方案 【免费下载链接】feishu-doc-export 飞书文档导出服务 项目地址: https://gitcode.com/gh_mirrors/fe/feishu-doc-export 还在为飞书文档备份而烦恼吗?面对成百上千个需要迁移的文档&…

基于Python的战列舰主炮性能测试与数据可视化工程实践

基于Python的战列舰主炮性能测试与数据可视化工程实践

2026/8/11 3:18:06

在实际游戏开发或军事模拟项目中,武器系统的性能测试与数据可视化是验证设计、平衡数值、优化体验的关键环节。无论是为了评估一款新武器的实战效能,还是为了向玩家直观展示装备的威力,一套科学的测试流程和清晰的数据呈现都不可或缺。本文将…

云原生技术解析:从微服务到Kubernetes的架构演进与实践

云原生技术解析:从微服务到Kubernetes的架构演进与实践

2026/8/11 4:28:09

1. 从“云”到“原生”:一个技术范式的根本转变聊到“云原生”,很多朋友的第一反应可能是:“哦,就是把应用搬到云服务器上跑呗。” 如果几年前你这么理解,问题不大。但今天,这个理解就有点“过时”了。我干…

Showell仿真操作说明

Showell仿真操作说明

2026/8/11 4:28:09

1. 使用前准备 1.1 运行环境 • Windows 64位操作系统。 • 已安装对应 PLC 工程软件:西门子 TIA Portal / S7-PLCSIM,或三菱 GX Works2 / GX Works3。 • 连接西门子仿真 PLC,需要准备 NetToPLCsim;连接三菱 PLC 或三菱仿真环…

Unity集成Python开发指南:环境配置、核心原理与自动化实战

Unity集成Python开发指南:环境配置、核心原理与自动化实战

2026/8/11 4:28:09

1. 项目概述:为什么要在Unity里用Python?如果你是一个Unity开发者,或者对游戏开发感兴趣,同时又对Python的简洁和强大有所耳闻,那你可能不止一次想过:能不能在Unity里直接用Python写脚本?毕竟&a…

Unity团队协作:配置Plastic SCM与UnityYAMLMerge告别合并地狱

Unity团队协作:配置Plastic SCM与UnityYAMLMerge告别合并地狱

2026/8/11 4:28:09

1. 项目概述:从“合并地狱”到智能协作如果你和你的团队正在使用Unity开发项目,并且选择了Plastic SCM作为版本控制系统,那么你很可能已经遭遇过,或者正在遭遇一种令人头疼的困境:合并地狱。具体来说,就是当…

稀疏注意力与长上下文:AI模型从规模竞赛到实用化的关键技术突破

稀疏注意力与长上下文:AI模型从规模竞赛到实用化的关键技术突破

2026/8/11 4:28:09

1. 从“大”到“长”的范式转移:为什么1M上下文是分水岭?最近,MiniMax的M3模型正式亮相,最抓人眼球的参数无疑是那个“1M上下文”。对于圈外人来说,这可能只是一个数字,但对于我们这些天天和模型打交道的人…

Python实战:格兰杰因果检验原理、代码与避坑指南

Python实战:格兰杰因果检验原理、代码与避坑指南

2026/8/11 4:18:09

1. 项目概述:从“相关”到“因果”的探索 在数据分析、金融计量乃至社会科学研究中,我们常常面对一堆看起来相互关联的时间序列数据。比如,你可能会发现A股票的涨跌似乎总是领先于B股票,或者社交媒体上的某个话题热度上升后&#…

比较好的亚太EMBA,问了6位校友师资差别真的挺大

比较好的亚太EMBA,问了6位校友师资差别真的挺大

2026/8/10 5:58:32

比较好的亚太EMBA核心差异先看什么?对于希望兼顾工作与系统管理能力提升的亚太区高管而言,筛选匹配度高的EMBA项目时,师资配置是决定学习体验与实际收获的核心要素之一。我们结合3-4个公开信息透明、办学历史较长的亚太区主流EMBA项目特点&am…

备考3个月对比6份资料 海外游学的亚洲EMBA面试注意点

备考3个月对比6份资料 海外游学的亚洲EMBA面试注意点

2026/8/10 7:54:12

备考海外游学的亚洲EMBA面试,核心要围绕项目国际化设计逻辑、个人跨文化管理经验匹配度两个维度准备,避免把游学模块等同于普通旅游参访的认知偏差。不少备考者花3个月对比6份资料,却容易忽略面试官对“国际视野落地能力”的考察——比如香港…

比较好的国内EMBA,问了二十位校友聊透人脉价值

比较好的国内EMBA,问了二十位校友聊透人脉价值

2026/8/10 7:19:21

比较好的国内EMBA核心差异体现在哪些方面?比较好的国内EMBA的核心长期价值,很大程度上依托于校友网络的连接质量与资源生态的活跃度,这也是不少高管在择校时优先考量的因素。我们结合3-4个市场关注度较高的项目公开信息,从课程、师…

Unity新手入门:从零搭建开发环境与核心概念解析

Unity新手入门:从零搭建开发环境与核心概念解析

2026/8/11 0:07:41

1. 项目概述:为什么Unity是游戏开发者的首选起点如果你对游戏开发感兴趣,或者想进入这个充满创造力的行业,那么“Unity”这个名字你肯定不陌生。它几乎是所有新手开发者、独立游戏团队,甚至是一些3A大厂在特定项目上的首选引擎。为…

Agency-Agents 智能体系统从零搭建实战指南

Agency-Agents 智能体系统从零搭建实战指南

2026/8/11 0:07:41

在开发复杂应用时,我们常常遇到单一模型难以兼顾全局规划与细节执行的困境。有时候,模型擅长创意生成却在逻辑推理上稍显吃力,或者精于代码编写却缺乏对业务上下文的深刻理解。为了解决这个问题,多智能体协作架构应运而生&#xf…

MiniMax 权益码 Token Plan 套餐 9 折优惠,Token Plan 共建邀请计划 至2026.8.31

MiniMax 权益码 Token Plan 套餐 9 折优惠,Token Plan 共建邀请计划 至2026.8.31

2026/8/11 0:07:41

🚀 MiniMax Token Plan MiniMax 推出全新 Token 计划,新增语音、音乐、视频和图片生成权益。 用户邀请好友可享双重福利 订阅一份套餐,解锁最新模型 —— 前沿 Coding 能力、1M 超长上下文、原生多模态,图文音视频共用套餐额度。 …

摆脱论文困扰!盘点2026年全网爆红的的AI论文写作工具

摆脱论文困扰!盘点2026年全网爆红的的AI论文写作工具

2026/8/8 5:07:31

一天写完毕业论文在2026年已不再是天方夜谭。2026年最炸裂、实测能大幅提速的AI论文写作工具,覆盖选题构思、文献整理、内容生成、格式排版等核心场景,真正帮你高效搞定论文难题。 一、全流程王者:一站式搞定论文全链路(一天定稿首…

导师推荐!2026最新AI论文工具测评与实用推荐

导师推荐!2026最新AI论文工具测评与实用推荐

2026/8/9 13:42:46

2026年真正好用的AI论文工具,核心看生成的论文质量、低AI味、格式正确、学术适配四大指标。综合实测,千笔AI、ThouPen、豆包、DeepSeek、Grammarly 是当前最值得推荐的梯队,覆盖从免费到付费、从中文到英文、从文科到理工的全场景需求。 一、…

告别游戏崩溃:XCOM 2模组管理器的智能革命

告别游戏崩溃:XCOM 2模组管理器的智能革命

2026/8/8 2:30:15

告别游戏崩溃:XCOM 2模组管理器的智能革命 【免费下载链接】xcom2-launcher The Alternative Mod Launcher (AML) is a replacement for the default game launchers from XCOM 2 and XCOM Chimera Squad. 项目地址: https://gitcode.com/gh_mirrors/xc/xcom2-lau…