CSS

CSS的三种常用选择器：标签选择器、id选择器、class选择器，通过选择器来改变dom节点的样式。

    <style>
        h1{color: darkorange;font-size: 50px}
        #h2ID{color: blue;font-size: 35px}
        .Xclass{color: springgreen;font-size: 15px}
    </style>

JS

操作dom节点，与用户进行交互。

    ...
    <h2 id="h2ID">二号字体</h2>
    ...
    <input type="text" name="input1" value="123" id="textID">
    <input type="submit" name="input2" value="submit" onclick="clickM()">
    ...
    <script>
    <!--实现点击事件，使得h2的内容随输入框变化-->
    function clickM() {
        var submitName = document.getElementById("textID").value;
        if (submitName.length>=5){
            alert("长度超出限制，请重新输入");
        }
        document.getElementById("h2ID").innerHTML=submitName;
    }
    </script>