2203_75920270的博客

双冒号pseudo-element，代表的是 向目标元素内，添加伪元素，并对伪元素的内容进行修饰。%百分比为单位的长度值，是基于具有相同属性的父元素的长度值。eg：如果⼀个元素呈现的宽度是1000px，子元素的宽度设为50%，那么⼦元素呈现的宽度为500px。em是一个相对单位，相对于当前对象内⽂本的字体尺寸，如当前对行内的字体尺寸未被设置，则相对于浏览器的默认字体尺寸。px是一种常见的绝对单位，表像素，相对于屏幕分辨率的，页⾯按照精确像素展示，不会因为其它元素的尺寸变化而变化。:link 鼠标点击前。

单击所需图标即可下载，并且在下载之前可以配置图标的颜色。将下载的图标存储于icons文件夹中，并且将该文件夹复制到新建的项目文件夹中。下载后的图标如图所示。Font- 例如： font-family、font-size、color、font-weight、font-style。当我们写一些项目时，通常会涉及到各种各样的图标，推荐一个免费图标下载网站——阿里巴巴矢量图标库，该网站首页如下图(以上是今天分享的内容，小编决定保持两日一更，以此来监督自己的学习，也欢迎大家来观看笔记，指出不足。

按我的理解，语义化就是网页中特定的文字在HTML里面有特定的标签来定义。我们不仅局限于标签然后去写CSS代码来变换样式，通过HTML的语义化标签，可以减少写CSS代码，让网页中的文字布局更加的有层次。

瀑布流布局是当下比较流行的一种网站页面布局，在网络上随处可见，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动不断加载数据块并附加到当前尾部。比如：某书页面。

传统的布局方法，基于盒状模型，依赖display属性、position属性以及float属性，因此要实现特殊布局就非常不方便。比如，垂直居中就不容易实现。Flex布局则可以简便、完整、响应式地实现各种页面布局。（1）Flex 布局的定义Flex是FlexibleBox的缩写，意为“弹性布局”，任何一个容器都可以指定为Flex布局，示例代码如下。.box{（2）Flex布局的基本概念采用Flex布局的元素，简称“容器”。它的所有子元素自动成为容器成员，简称“项目”。