Style(Cass)

Html引入Css样式文件

<link rel="stylesheet" type="text/css" href="css/commond.css">
复制代码

//不透明度
opacity : 0 - 1

//边框，边框高度和颜色
border : 1px solid red

//元素的位置，绝对位置，相对位置等等
position: absolute //绝对定位
               fixed //固定在一个位置上，不会被界面的移动而变化位置
               relative //相对位置，相对当前位置来说
          
//背景颜色
background-color:#40B3DF"

//边框的弯度
border-radius : 10px

//字母间距
letter-spacing: 22px

//文本对齐方式
text-align:center

//设置字体
font-family:verdana

//字体大小
font-size:200%

//超链接取消下划线
text-decoration:none

//光标鼠标图片
cursor: pointer

//很重要的一个属性，可以指定元素的表现类型
display: block

block : 	显示块元素的链接，让整体变为可点击链接区域（不只是文本），它允许我们指定宽度，块元素默认情况下是最大宽度，absolute
inline :     默认。此元素会被显示为内联元素，元素前后没有换行符

//如果溢出了可以进行滑动
overflow: auto

//阴影
box-shadow: 0px 4px 16px 0px #88888888 

//间隔属性
padding:10px 5px 15px 20px;
上填充是 10px
右填充是 5px
下填充是 15px
左填充是 20px

padding:10px 5px 15px;
上填充是 10px
右填充和左填充是 5px
下填充是 15px

padding:10px 5px;
上填充和下填充是 10px
右填充和左填充是 5px

//指定一个动画
animation:mymove 5s infinite;
@keyframes move
        {
            //不同的百分比，移动到不同的位置
            20% {top:12px;}
            40% {top:200px;}
            60% {top: 100px}
            80% {top: 20px}
            100%{top: 100px}
        }
复制代码

转载于:https://juejin.im/post/5b3ac522e51d4555a25a9586