前端

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 属性分类 弹性容器的相关属性 属性 属性说明 flex-direction 设置主轴方向，确定弹性子元素的排列方式 flex-wrap 当弹

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 CSS 中的盒子模型 根据盒子模型的概念以及组成部分，对应的 CSS 属性具有如下几种： width 属性和 height 属性设置盒子模型

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 块级元素与内联元素 在C5S中比较广泛应用于HTML元素的“盒子”共有3种，导致HTML元素主要有3种: 块级元素:每个元素独占一行，块级元

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 什么是表格元素 为了可以在 HTML 页面中实现表格的效果，HTML 提供了一系列表格元素。根据表格中的一些概念，HTML 页面中提供的表格

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 什么是结构伪类选择器 CSS 中的结构伪类选择器是根据 HTML 页面中元素之间的关系来定位 HTML 元素，从而减少对 HTML 元素的

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 有序列表 HTML <ol> 元素表示有序列表，默认情况下使用数字作为列表编号。而 <li> 元素则表示列表项，定义在有序列表中。 <ol>

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 计数器 CSS 中的计数器本质上来说就是由 CSS 维护的变量，计数器的值可以通过 CSS 规则递增来跟踪计数器的使用次数，例如可以使用计数

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 sass 编译的style有四种格式 ested，嵌套 conmpact， 紧凑 expanded， 扩展 compressed ， 压缩

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 元素: 链接元素 属性 href: 设置要跳转的HTML页面的路径(绝对路径和相对路径) 默认样式： 默认跳转方式: 在当前页面进行跳转 <

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 <img>元素: 在HTML页面中显示一张图片 属性 src: 必选项，用来设置一张图片的路径。该路径可以是绝对路径，也可以是相对路径。 a

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 文本装饰（text-decoration） text-decoration-line属性：用于设置元素中的文本的修饰类型。 underlin

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 语义化元素与结构化元素类似，都是具有具体含义的元素，区别在于语义化元素更多定义一个单词、一行内容的语义或样式。 如下列表所示展示了部分语义化

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 标题元素（<h1> ~<h6>） 代码： 效果： 注：默认呈现效果是 <h1> 元素字体最大，然后依次减小，<h6> 元素字体最小。 <h1

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 CSS选择器优先级 （1）CSS选择器都有权重值，权重值越大优先级越高。 内联样式表的权重值最高，值为1000。 id选择器的权重值为100