public.css

h1 {
    font-size:40px;
    font-family: myFirstFont;
    text-align: center;
    color:#000000;
    font-weight:900;
}/*标题样式*/

p {
    font-size:20px;
    font-family: 微软雅黑;
    text-align: center;
    color: #000000;
}/*段落样式*/

select.selection {
    font-size:15px;
    font-family: 微软雅黑;
    text-align: center;
    color:#000000;
    width:60px;
    height:30px;
    border:1px solid;
    border-radius:3px;
}/*选项栏样式*/

textarea {
    font-size:15px;
    font-family: 微软雅黑;
    text-align: center;
    color:#000000;
    border:1px solid;
    border-radius:3px;
}/*表单内嵌字样式*/

option{
    font-size:15px;
    font-family: 微软雅黑;
    text-align: center;
    color: #000000;
}/*待改选项样式*/

table{
    margin-left: 20px;
    margin-top: 50px;
    float: left;
}/*表格样式*/

tr{
    text-align: center;
    border:1px solid;
}/*行样式*/


th{
    font-size:15px;
    font-family: 微软雅黑;
    text-align: center;
    color: #000000;
    margin-left: 40px;
    border:1px solid;
    border-radius:3px;
}/*列样式*/

body {
    background: url("picture_blueBackgroundOne.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    background-attachment: fixed;
}/*背景样式*/

form {
    border:1px solid;
    background: url("picture_background.jpg");
    border-radius:3px;
}/*表单样式*/

label {
    font-size:15px;
    font-family: 微软雅黑;
    text-align: center;
    color: #000000;
    border:1px solid;
    border-radius:3px;
}

input {
    font-size:15px;
    font-family: 微软雅黑;
    text-align: center;
    color:#000000;
    border:1px solid;
    border-radius:3px;
}/*输入栏总的样式*/

input.upLoad {
    width:120px;
    height:30px;
    background:url(picture_login.jpg);
}/*输入提交按钮样式*/

input.upLoad:hover {
    width: 120px;
    height: 30px;
    background: url(picture_login.jpg);
    filter: alpha(opacity=80);
    opacity: 0.8;
    cursor: pointer;
}/*鼠标放到输入提交按钮上的样式*/

input.search {
    font-size:15px;
    font-family: 微软雅黑;
    text-align: center;
    color:#000000;
    width:120px;
    height:30px;
    border:1px solid;
    border-radius:3px;
}/*选项栏样式*/

div.background {
    background: url("picture_background.jpg");
    margin:15px;
    border: 1px solid;
    filter:alpha(opacity=95);
    opacity:0.95;
    border-radius:3px;
}/*透明框的背景样式*/

div.transbox {
    margin:30px;
    padding:0;
    background-color: #ffffff;
    border: 1px solid;
    filter:alpha(opacity=80);
    opacity:0.8;
    border-radius:3px;
}/*透明框样式*/

div.transbox form {
    font-size:15px;
    font-family: 微软雅黑;
    margin: 30px 40px;
    color: #000000;
    border-radius:3px;
}/*透明框内的表单样式*/

#first {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    border:1px solid;
    border-radius:30px;
    position: absolute;
    left:1180px;
    top:30px;
    cursor:pointer;
}/*图标1*/

#second {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    border:1px solid;
    border-radius:30px;
    position: absolute;
    left:1180px;
    top:140px;
    cursor:pointer;
}/*图标2*/

#three {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    border:1px solid;
    border-radius:30px;
    position: absolute;
    left:1180px;
    top:250px;
    cursor: pointer;
}/*图标3*/

#four {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    border:1px solid;
    border-radius:30px;
    position: absolute;
    left:1180px;
    top:360px;
    cursor: pointer;
}/*图标4*/

#textOne {
    position: absolute;
    left: 1180px;
    top:80px;
}/*图标说明文字1*/

#textTwo {
    position: absolute;
    left: 1180px;
    top:190px;
}/*图标说明文字2*/

#textThree {
    position: absolute;
    left: 1180px;
    top:300px;
}/*图标说明文字3*/

#textFour {
    position: absolute;
    left: 1180px;
    top:410px;
}/*图标说明文字4*/

@font-face
{
    font-family: myFirstFont;
    src: url('方正瘦金书简体.ttf');
}/*自定义字体*/

@keyframes toRotateOne
{
    from {transform: rotate(0deg)}
    to {transform: rotate(-20deg)}
}/*逆时针转20°动画样式*/

@keyframes toRotateTwo
{
    from {transform: rotate(-20deg)}
    to {transform: rotate(0deg)}
}/*顺时针转20°动画样式*/