css

前端高频面试题之CSS篇（二）两栏布局指的是左边宽度固定，右边宽度自适应。DOM 结构如下：实现思路：将父元素设为 flex 布局，左边元素宽度固定，右边元素设为 flex: 1，即自适应。

【HTML+CSS】使用HTML与后端技术连接数据库目录一、概述1.1 HTML前端1.2 后端技术1.3 数据库二、HTML表单示例三、PHP后端示例3.1 连接数据库

禁毒路上，任重道远 | HTML页面浏览网址：https://mildfx.com（第三百四十七条）：（第三百四十八条）：（第三百五十四条）：

深入理解 CSS 中的 !importantCSS 的核心机制是层叠（Cascading） —— 多个样式规则通过“来源”、“特异性（Specificity）”和“顺序”共同决定最终应用的样式。而 !important 是一种强制提升某条声明优先级的手段，它会绕过正常的层叠逻辑。

CSS 视口单位进化论：从 100vh 的「骗局」到 dvh 的救赎关键词：CSS / 视口单位 / 移动端适配 / 响应式设计 / dvh / svh / lvh / 100vh bug / 前端工程化 / 用户体验

HTML5敲击乐 PART--1在当今的 Web 开发世界中，前端不仅是用户与产品之间的桥梁，更是创意与技术融合的舞台。而作为前端三大基石——HTML、CSS 和 JavaScript——它们分别构建了网页的“骨骼”、“外貌”与“灵魂”。本文将以一个趣味十足的小项目 “HTML5 模拟钢琴” 为切入点，带你系统理解前端开发的核心逻辑，并掌握高效实现交互式应用的关键技巧。

Web前端之canvas实现图片融合与清晰度介绍、合并HTML <dialog>弹窗、<img />显示图片、<button>触发操作。CSS Flex布局、伪类选择器、固定尺寸与弹窗遮罩。

2025年CSS新特性大盘点大家好，我是 Immerse，一名独立开发者、内容创作者、AGI 实践者。关注公众号：沉浸式趣谈，获取最新文章（更多内容只在公众号更新）

Vue3 + Less 实现动态圆角 TabBar：从代码到优化实践在前端开发中，TabBar 是一个非常常见的 UI 组件，而在一些设计需求中，我们希望激活的 Tab 有动态变化的圆角效果，并且宽度可以根据选中状态自适应。本文将分享一个 Vue3 + Less 实现的 TabBar 组件案例，完整分析代码结构、实现思路，并展示优化技巧。

【人类写的】anki卡片制作入门在知识获取的初期，降低认知负荷比追求完美更重要；当基础能力构建完成后，再通过个性化实现效率跃迁。这种分阶段策略既符合人类认知规律，也契合现代社会的快节奏需求。

解密Flex布局:为什么flex:1仍会导致内容溢出今天在解决别的bug时发现了个很奇怪的东西，我的容器明明设置了flex:1为什么还会导致内容溢出，导致比我设想的flex:1尺寸来得大。

【前端三剑客-9 /Lesson17(2025-11-01)】CSS 盒子模型详解：从标准盒模型到怪异（IE）盒模型📦📦在前端开发中，CSS 盒子模型（Box Model）是理解元素布局的基础。每一个 HTML 元素都可以被看作一个“盒子”，而这个盒子由内容（content）、内边距（padding）、边框（border）和外边距（margin）四个部分组成。然而，不同浏览器、不同设置下，这些组成部分对元素最终尺寸的计算方式是不同的——这就引出了两种主要的盒子模型：标准盒模型（Standard Box Model）和怪异盒模型（Quirks / IE Box Model）。

程序员小寒

前端高频面试题之CSS篇（一）CSS 各选择器权重（从高到低）：CSS 盒模型描述了元素在页面上的空间占用，包括内容（content）、内边距（padding）、边框（border）和外边距（margin）。

低版本浏览器兼容方案：IE11 适配 ES6 语法与 CSS 新特性面向仍需支持 IE11 的项目，目标是在不牺牲核心可用性的前提下，对 JS 的 ES6 语法与常用 Web API、以及 CSS 的现代特性做可控的转译、垫片与降级。本文给出工程实践、常见坑位与测试清单，帮助前端团队稳定交付。

前端高频面试题之CSS篇（一）CSS 各选择器权重（从高到低）：CSS 盒模型描述了元素在页面上的空间占用，包括内容（content）、内边距（padding）、边框（border）和外边距（margin）。

不会玩电脑的Xin.

HTML + CSS目录什么是 HTML？什么是 CSS？HTML 基础语法基本结构标签规则常用 HTML 标签速查表CSS 基础语法

悟能不能悟

＜style scoped＞vue中怎么引用css文件在 Vue 的 <style scoped>中引用 CSS 文件有多种方式，以下是详细说明：在 Vue 的 <style scoped>中引用 CSS 文件的主要方式是使用 @import：

粉末的沉淀

css：制作带边框的气泡框第一步：制作矩形部分。第二步，制作当描边的三角形，为了看的更加明显，这个三角形先设置成红色。在容器里加入一个div，通过border的方式将其设置成一个三角形，通过绝对定位，放置在矩形的左上方。

（4）pytest+Selenium自动化测试-元素定位之CSS Selector定位承接上一章节的基础定位知识，相信大家已经能轻松搞定那些 “标签清晰、属性唯一” 的简单元素啦！但实际测试中，总会遇到元素没 ID、Name 重复、链接文本超长的 “调皮情况”，基础定位就像 “常规武器”，这时就需要 CSS Selector 这种 “精准狙击枪” 登场～这节课咱们就手把手教你玩转 CSS Selector，解锁复杂页面的定位技能！

【CSS】样式隔离样式隔离（Style Scoping / CSS Isolation）是指在开发组件或模块时，防止其样式污染全局或其他组件，同时避免被外部样式意外覆盖。