这是我参与「第四届青训营 」笔记创作活动的最后一天，回顾总结CSS学习

一.CSS元素显示模式

主要为HTML元素，HTML元素又分为块元素（div、h）、行内元素（a、strong）、行内块元素（img、input、td），使用过程中需要属性的转换时，需要使用display语法。相关如图：

1. 把行内元素a转换为块级元素 dispaly：block
2. 块级转换为行内元素 display：inline
3. 转换为行内块 dispaly:inline-block

二.CSS背景

用于设计页面背景样式，主要是背景颜色、图片、图片位置、平铺方式等，具体用法如下：

三.CSS三大属性

主要为层叠性、继承性、优先级，其主要是多选择器选择同一元素时，元素所展现出的样式。具体用法如下：

四.CSS盒子模型

其核心本质是利用好CSS摆好盒子，让其处于页面的合适位置，具体示美观效果而言，其可设置盒子边框、内外边距改变内容在盒子的位置，具体用法如下：

五.布局

其布局一般为常规、浮动、绝对定位，相关如下：
浮动布局：使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动的边缘
位置布局：让元素相对于自身在浏览器中的位置定位，不让其脱离文档，位置固定
表格布局通过CSS表格样式将页面显示部分表格化显示出来 \