css2一些属性的学习笔记
<style type="text/css">
.firstcla{
/* 布局 position 有absolute绝对定位 static默认的，不会根据left这些改变 fixed(固定位置，会根据滚轮的滑动，而滑动) relative 相对定位 sticky遵循文档流*/
position:static ;
/* 这个是z轴的意思，数字越大代表着越上层 */
z-index: 10;
/* display 有 none 隐藏，不占空间 block 块元素 inline 内联元素 block-inline visibility 有hidden也是隐藏但是占用空间 ，visible是可视的 felx盒子模型 */
visibility:visible ;
/* float控制浮动的，none 是不浮动 ，left是向左浮动 right是向右浮动 clear是清除浮动none不清除，left是左侧right是右侧。both是两侧 */
float:none;
/* overflow(-x)(-y) visible是对超出的不做处理，hidden是超出的隐藏，scoll是会有滚动条，auto是自动，如果超出就业滚动条 */
overflow: auto;
/* 盒子模型 margin 外边距 border 边框(有width、radius、style等) padding是内边距 */
margin: 0px;
/* background 背景有关的 color 、image、repeat(设置平铺方法) */
background-color: #FFA500;
/* 文本有关的，text-transfrom大小写 text-align是设置水平对齐方式 white-space是设置空格 word-spacing文字间间距 letter-spacing字符间距
line-hight行高*/
line-height: 0px;
/* 字体的属性 font style，weight，size，family，variant大小写 */
font-size: 0px;
/* 透明度取值0-1 */
opacity: 1;
/* transition 过渡 duration设置过渡的持续时间，delay设置延迟时间 */
transition: 0s;
/* transform 转换 scale是大小转换 rotate是旋转角度，skew 2D扭曲旋转*/
transform: scale(1,1);
transform: rotate(45edg);
/* animation 是动画的意思。需要先@keyframes 写出动画中想要的帧的图片 */
animation:5s ;
}
@keyframes name{
from{
}
to{
}
}
</style>