html+css标签属性

top	上
right	右
bottom	下
left	左
ctrl+/	注释
width	宽
height	高
&nbsp	一个空格
&emsp	四个空格
<br/>	换行
<hr/>	横线
align	位置left/center/right
下面三个应用于文本隐藏+省略号
1.       Whist-space : nowrap	不换行
2.       Overflow : hidden	超出部分隐藏
3.       Text-overflow : ellipsis	省略号
这4行应用多行文本超出隐藏
display : -webkit-box	变为弹性盒子
-webkit-box-orient : vertical	水平排列变为垂直排列
-webkit-line-clamp : 2	表示保留 两 行
overflow : hidden	超出部分隐藏
box-sizing:border-box	内减
border	边框
padding	内边距
maring	外边距
background-color	背景颜色
background	背景
clear-both	清除浮动带来的影响
vertical-align	水平对齐
vercitle-align	行内块与行对齐
bottom	底线
middle	中线
top	顶线
outline	轮廓
display：block	显示
display：none	隐藏
display：block	a变成盒子
display：inline-block	行内块
normal	正常
font-weight : normal	去粗体
font-weight : bold	加粗
font-style : normal	去倾斜
font-style : italic	倾斜
border-radius	边框弧度
文本	Text
Text-decoration : none	去除线
Text-decoration : underline	下划线
Text-decoration : line-through	删除线
Text-decoration : overline	上划线
Text-decoration-color	线的颜色
text-decoration-style	线的样式
dashed	虚线
dotted	小圆点线
double	双实线
text-indent	文本缩进
text-align	文本对齐
Text-alian：justifgy	两端对齐
Text-alian-last：justify	最后一行两端对齐
word-spacing	单词间距
letter-spacing	文本间距
text-shadow	文字阴影
text-shadow:x-shadow	X轴
text-shadow:y-shadow	Y轴
text-shadow:blur	模糊
text-shadow:color	颜色
多行文本垂直居中操作
display:table-cell	将div修改为table特性
vertical-align	=table中td中的valign属性
:hover	鼠标移入(悬浮)
:link	标签初始
:visited	标签点击过后
active	标签正在点击
:first-child	第一个子元素
:last-child	最后一个子元素
:nth-child(n / 2n / 3n / 2n-1)	第n个子元素
Line-height	行高
List-style-type：	列表样式
None	空
Disc	加黑圆点
Circle	加白色圆圈
Decimal	加数字
cursor	鼠标形状
cursor：pointer	鼠标小手的形状
input type=”text”	文本框
input type=”password”	密码框
input type=”submit”	搜索框
outline : none	去除文本框粗线
Background-image：url( )	背景图片
b-g-i:liner-gradient	渐变
Background-position	传位置
transition	过渡慢动作
All	全部
Transform	平面转换
Transform : Translate（x,y）	平移
Transform : Rotate	旋转
Transform : origin (x , y)	更改原点位置
Position : absolute	绝对定位
Position : relative	相对定位
Position  :fixed	固定定位
z-index	层叠顺序
Rgba(颜色+透明度)	（0，0，0）三色素
Class=“iconfont +图标代码”	连接阿里图标
！important	重要，着重符
overflow : hidden	超出部分隐藏
color : transparent	透明
Scale	缩放
Skew	倾斜
opacity	缩放透明
Box-shadow(左右,上下,深浅,颜色)	阴影
box-shadow:x-shadow	X轴
box-shadow:y-shadow	Y轴
box-shadow:blur	模糊(深浅)
box-shadow:color	颜色
box-shadow: spread	阴影的尺寸
box-shadow: inset	可将外部阴影变为内部阴影
Perspective	视距
Transform-style:preserve-3d	3d模块
@keyframes	动画效果
Animation	使用动画
Animation-duration	动画时间
Animation-delay	延迟时间
infinite	无限次数
:hover : paused	配合Hover为暂停
Animation-direction : alternate	动画执行反方向
Steps(数字)	逐帧动画
Linear	均速线性过渡
Alternate	平移后返回
Forwards	停留
Flex页面布局
Display-flex	写到父元素
Justifg-content : space-between	两边靠边中间间隔
: Space-evenly	两边中间距离相等
: Space-around	两边相等中间相加
: Space-evenly	两边中间都相等
Flex-direction : row	默认，从左往右
Flex-direction : column	从上往下
Flex-direction : row-reverse	从右往左
Flex-direction : column-reverse	从下往上
Align-items :(与主轴值类同)	侧轴
Align-self	侧轴单个块
Flex-wrap	弹性盒子换行
Justifg - self	主轴单个块
Alian-content	整行对齐
Flex-shrink	父为1子为0时,挤压不变
Placeholder(加在input:text后面)	文本框初始有文字
Input : : placeholder{ }	Css格式
::after	在  之后
::before	在  之前
::first-line	首行
::frist-letter	首字母