用js语句控制css样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div >注: 如果是大公司共同开发代码时,css可能是美工完成的 直接改别人的代码方法不可取 ===================================

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .class1{
            color: #48f444;
        }
        .big{
            font-size: 90px;
            color: #0000cc;
        }
        .small{
            font-size: 30px;
            color: red;
        }

    </style>
</head>
<body>
    <div ></html>

================================== 注:此方法是通过添加已有的未引用的样式表到标签中去 ==============================================