【H2O2|全栈】关于CSS（8）CSS3扩充了哪些新鲜的东西？
本系列博客主要介绍CSS相关的知识点。从本期开始，CSS的知识从CSS的2.x时代进入3.0时代。这一期扩充的内容为边框属性、盒子阴影、背景属性、渐变以及自定义字体。可能有些地方说的不太准确，请见谅。
HTML元素居中
⾏内元素⽔平垂直居中 设置⽗级标签。⽔平居中： text-align: center 垂直居中： line-height：盒⼦⾼度。绝对定位 + 四个方向 margin: auto。这三个需要一起用实现居中。
【H2O2|全栈】关于CSS（9）CSS3扩充了哪些新鲜的东西？（二）
本系列博客主要介绍CSS相关的知识点。本期补充部分伪元素、加入文本溢出属性和转换效果。没有基础的朋友，最好不要从这里开始看，否则有些地方可能会看不明白哦~
前端适配方案
通过配置根元素字体大小和转换规则，可以精确控制元素在不同分辨率屏幕上的尺寸，大大简化了适配过程，让开发者可以专注于设计本身，而非繁琐的单位换算。），可以帮助自动调整根元素的字体大小，以此为基础，使用rem单位设置元素尺寸，从而实现不同屏幕尺寸下的完美适配。如果媒体类型或媒体特性与用户代理（通常是浏览
【CSS入门】第二课 - margin外边距
这一小节，我们说一下margin外边距。怎么理解这个外边距呢，比如小张和小丽站在一起，紧紧排着站。试想一下，如果他俩冬天都穿着羽绒服和夏天穿着短袖，是不是占据的空间会不一样呢。那么回到HTML网页开发商来说，如果两个元素，他们加一些外边距，占的空间也会不一样，而且会使两个元素的距离也变的不一样。下面
弹性布局---display: flex
Flexbox 是 flexible box 的简称（注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可
使用 CSS 实现炫酷的特效
在前端开发中，CSS 不仅可以用来设置页面的基本样式，还可以通过一些高级技巧和动画效果，提升用户体验。本文将展示几个常见的 CSS 特效，并通过代码展示如何实现这些效果。
使用obsidian-webpage-export 插件，将 Obsidian 中的笔记导出为网页
通过自定义模板，可以更好地控制网页的外观和功能。模板文件通常是 HTML 文件，您可以在其中添加 CSS 和 JavaScript 代码，以实现自定义样式和交互效果。例如，您可以添加一个导航栏，以便在不同笔记之间快速切换。
【CSS入门】第三课 - padding内填充
上一节，我们说了margin外边距，还举了个例子，比如两个人紧挨着站着，如果两个人冬天穿了棉袄，很厚很厚的棉袄，那么他俩占据的空间就会增加，他俩之间的真实距离也会增加。这一节，我们说padding内填充。再举个例子呢就是，比如这俩人最近营养好了，吃的胖了。试想一下，他俩虽然还是紧紧挨着，但占据的空间
CSS-图片如何铺满div
CSS-图片如何铺满div
【CSS入门】第五课 - font字体
这一节，我们说一说font这个字体。做网页开发，网页中几乎不可能没有文字的，为了使网页更漂亮，用户体验更好。人们可算是绞尽脑汁，其中一部分就是在字体上下的大功夫。接下来，我们学习一下，font字体在css中的设置。
css -- box-shadow阴影属性的复合写法及高级用法，超详细！
大家好，我是码喽的自我修养！今天给大家分享css3中的box-shadow属性的复合写法及高级用法！并提供具体代码帮助大家深入理解，彻底掌握！
前端的grid布局方式
Grid布局方式，又称为CSS网格布局，是W3C提出的一个二维布局系统，它允许开发者以行和列的形式来布局网页内容。Grid布局提供了丰富的属性和方法来精确控制布局的各个方面，包括网格的创建、网格项目的位置、大小以及间距等。
【前端】css控制背景图片缩放
css控制背景图片缩放
自定义滚动条样式：前端实现跨浏览器兼容
滚动条不仅是用户与网页交互的重要元素，也是网页美观性的一个细节体现。在前端开发中，自定义滚动条样式可以提升用户体验，使网页更加个性化。本文将介绍如何在前端设置滚轮滚动条样式，并确保兼容各大主流浏览器。
前端之CSS篇
面试题之CSS
web 安全 div css 基础
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。[1]CSS 能够对网页中元素位置的
前端小项目-强调鼠标悬停时效果的名片
在学习完HTML和CSS之后，我们就可以开始做一些小项目了。本篇文章所讲的小项目为——动态效果名片。通过这个项目，你将学会如何使用HTML和CSS来创建一个具有动态效果的名片。
关于前端代码移动端的适配方案
前端代码在移动端的适配方案
前端知识点汇总=(我的面试错题本，学习备忘录)=＞{...}
一篇前端学习知识点汇总。是我的面试错题本，和学习备忘录的叠加。包括了前端的编程知识、前端框架相关问题、样式相关问题、和算法。
