文章 2025-10-09 来自:开发者社区

【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等

dispaly元素类型 在html的元素中我们将元素分为块级元素和行内元素。块级元素默认占据一行,允许通过CSS设置宽度和高度。例如<div\> <p\>元素。行内元素不会占据一行,默认允许在一行中可以放置多个元素。即使通过CSS设置宽度和高度也不会的作用。例如:<a\> 块级元素的display属性值默认为block...

文章 2025-10-09 来自:开发者社区

【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距

盒模型 盒模型:所谓盒模型,就是浏览器为页面中的每个HTML元素生成的矩形盒子。这些盒子们都要按照可见板式模型在页面上排布。 可见的板式模型主要由三个属性控制:position 属性、display 属性和 float属性。 position属性控制页面上元素间的位置关系。display属性控制元素是堆叠、并排或者不在页面上显示。float属性提供控制的...

文章 2025-10-09 来自:开发者社区

【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改

继承 我们的CSS中很多的属性也是可以继承的,其中相当一部分是跟文字的相关的,比如说颜色、字体、字号。当然还有一部分是不能继承的。 例如边框、内外边距。层叠 层叠是CSS的核心机制。层叠的工作机制:当元素的同一个样式属性有多种样式值的时候,CSS就是靠层叠机制来决定最终应用哪种样式。 层叠规则: 层叠规则一:找到...

文章 2025-10-09 来自:开发者社区

【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式

CSS伪类 伪类:伪类这个叫法源自于它们跟类相似,但实际上并没有类会附加到标记中的标签上。 伪类分为两种(以及新增的伪类选择器): UI伪类:会在HTML元素处于某种状态时(例如:鼠标指针位于连接上),为该元素应用CSS样式。 :hover 结构化伪类:会在标记中存在某种结构上的关系时 例如...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注