转换模式：

块级元素转行内：

display:inline;

行内转块级元素：

display:block;

行内元素转行内块：

display:inline-block;

一些属性：

颜色：

color:blue;

背景颜色：

background:red;

首行缩进两个文字；

text-indent:2em;

取消轮廓，通常表单点击后显示自带的蓝色边框：
outline:none;
设置 outline:none时，outline-color、outline-style、outline-width都会无效，即元素轮廓的颜色、元素轮廓的格式、元素轮廓的宽度都无效，即达到不显示元素轮廓的效果。

placeholder属性。placeholder属性能够让你在文本框里显示提示信息，一旦聚焦提示信息就会隐藏 通常用于表单搜索里面的提示文字：placeholder="xxx";

水平居中显示，左，右侧显示：

text-align:center;

text-align:left;

text-align：right;

取消超链接默认下划线：

text-decoration:none;

定位的盒子 垂直居中：

1.top: 50% 走父盒子高度的一半
2.transform：translateY(-50%); 往上走当前盒子高度的一半
同理，如果是水平居中 不能用margin：auto; 因为有了绝对定位，总是根据 left和top bottom right来移动位置

  1. left: 50% 走父盒子宽度的一半
  2. transform: translateX(-50%); 往上走当前盒子宽度的一半

图片垂直对齐：

vertical-align: middle;

设置宽、高度：

width;100px;

height:100px;

字号大小：

font-size:16px;

字间距：
letter-spacing:20px;

字体样式：

正常字体：font-style:normal;

斜体字体：font-style:italic;

倾斜字体（不太支持）font-style:oblique;

字体系列：

font-family:"Microsoft YaHei"

字体粗细：

加粗：font-weight:700;

或：font-weight:bold;

不加粗，默认大小：font-weight:400;

或 :font-weight:normal;

注意事项：
如果一个盒子既有left属性也有right属性，则默认会执行left属性 同理既有top 和 bottom 会执行top

规定段落中的文本不进行换行：
white-space:nowrap;

单行文本溢出显示省略号：
text-overflow: ellipsis;

button里面有个属性叫 disabled 作用是禁用按钮，点击无效

设置字符与字符之间的距离：
letterSpacing

文章目录