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}
}
复制代码