被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。

横轴排列：justify-content

1. flex-start 左

2. flex-end 右

3. center 居中

4. space-between 两端对齐，项目间隔相同

5. space-around 不贴边，项目左右两边间隔相同
   

层模型Layer:

1. position:absolute 绝对定位

2. position:relative 相对定位

3. position:fixed 固定定位
   

布局模型：

1. Flow流动模型flow

2. Float浮动模型float

3. Layer层模型layer
   

边框border:

1. 实心solid

2. 虚线dashed

3. 点线dotted

转换元素：display

1. display:bolck; 块：独占一行，元素的高度、宽度、行高以及顶和底边距都可设置。

2. display:inline;内联：多元素一行，元素的高度、宽度、行高以及顶和底边距不可设置。

3. display:inline-block;内联块：和内联元素一行，元素的高度、宽度、行高以及顶和底边距都可设置。

4. display:none;隐藏元素

   
   

块级元素独占一行：<div>、 <p>、<h1>、<form>、<ul> 和 <li>等；

内联元素转化为块级元素，display:block，后可定义高、宽、行高、顶、底边距

<a display:block; >

CSS元素：

1. 块状元素

2. 内联元素（行内元素）

3. 内联块状元素
   

 text-indent:2em;

首行缩进2个文字

body{
   font:italic  bold  12px/1.5em  "宋体",sans-serif;
}

1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值。

2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。

------------------------------------------------------------------

body{
   font:12px/1.5em  "宋体",sans-serif;
}

常用只是有字号、行间距、中文字体、英文字体设置。

#name1{

            color:red;

        }

        #name2{

            color:#abc321;

        }

        #name3{

            color:rgb(66,66,12);

        }

font-style:italic

font-style:oblique

italic斜体

oblique倾斜

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100

选择器的优先级依次是: 

内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

内联 > id # >class . >标签 >*

分组选择器用英文逗号,表示

h1,span

.first,#second

伪类选择器：

a:hover （兼容性好）鼠标划过的状态

通用选择器：*{ }

子选择器：用符号>表示

.first>span{

        color: red;

    }

后代选择器：用 空格表示

.first span{

        color: red;

    }

class 类前面要加入一个英文圆点

优先级：内联式 > 嵌入式 > 外部式

color要用分号：写颜色，color：red

<input type="sumbit"  value="提交" name="submitBtn"/> 提交按钮

<select>

    <option value="XX "> value值上传数据库 </option>

    <option value="XX " selected="selected"> 默认选项 </option>

</select>

同一组的单选按钮，name 取值一定要一致

<label for="控件id名称">

当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上

</label>