CSS样式

css颜色：关键字black,white,silver
RGB:rgb(255,0,0)红绿蓝
HSL:(0,100%,50%)色相，饱和度，亮度
RGBA(0-1)0是完全透明1是不透明
当边框不在同一行box-sizing:border-box;有边框的
clear:both;清除左右浮动
伪类选择器hover visited active :li(even)first-child
relative是相对定位一般父级
absolute一般是子级
fixed固定到一个地方
bottom: 0;
如果不想被页面内容覆盖，需加上一个属性：
z-index:99999;优先级
边框变圆角属性：border-radius:10px
line-height:行高居中
cursor:pointer小手
outline:none去掉点击的时候出现边框
display:block(块元素：具有宽高属性并且独占一行比如div)
display:inline(行内元素:没有宽高不会独占一行比如span)
行内元素和块级元素都可以相互转化
display:inline-block(行内块元素即有宽高属性又可以独占一行一般用的比较少)
display:flex一般在父级
float:left一般在子级
任何元素浮动display将失效
元素隐藏有两种：dispaly:none
隐藏元素占据原有物理位置visibility:hidden；visibilit:visible显示
opacity :0.3设置元素的透明度
flex-direction:row默认从左到右排序
flex-wrap:wrap子元素在父元素的盒子里边是否换行
flex-wrap:wrap-reverse相反的
flex-flow:row wrap简写
justify-content:flex-start用来在存在剩余空间时设置间距的
align-items:center 交叉轴上居中对齐
align-content:center 多行整体居中
flex_basis:10px设置以后原来的宽度就不生效了
#div div:nth-child(1)父级div的第一个元素
flex_grow:1子级所站的份额
flex_shrink缩小的比例
flex grow shrink basis是根据子对象来设置的
transition：all .3s动画
text-shadow：文字文本阴影
box-shadow：给div元素添加阴影
居中：必须先是块元素
display:block;margin:0 auto
/滤镜属性/
/设置灰度,1代表100%灰（0-1）/
-webkit-filter: grayscale(1);
transition: all 3s;
/亮度0-1/
-webkit-filter: brightness(0);
/褐色0-1/
-webkit-filter: sepia(1);
/模糊度/
-webkit-filter: blur(5px);
/对比度0-1/
-webkit-filter:contrast(1);
/饱和度/
-webkit-filter: saturate(1);
/胶片底色效果/
-webkit-filter: invert(1);
/色相旋转/
-webkit-filter: hue-rotate(0deg);
/组合/
-webkit-filter: blur(10px) brightness(10) grayscale(1);
-webkit-filter:none;
多余字体后边用…代替
white-space: nowrap;
text-overflow:ellipsis;
overflow: hidden;