前端開發涉及到的技術很多,其中CSS和js是必不可少的兩種語言。下面就為大家介紹如何使用CSS和js。
CSS
<html><head><style>h1 { color: red; text-align: center; } </style></head><body><h1>Hello World!</h1></body></html>
CSS是用來控制網頁樣式表現的語言,如字體大小、顏色、定位等等。通過CSS,我們可以使網頁看起來更加美觀、簡潔。在上面的代碼中,我們使用了CSS來使h1標簽文本居中顯示,并且字體顏色為紅色。我們可以在head標簽內使用style標簽來寫CSS樣式。
JS
<html><head><script>function changeColor() { let p = document.getElementsByTagName("p"); for (let i = 0; i < p.length; i++) { p[i].style.color = "blue"; } } </script></head><body><button onclick="changeColor()">Change Color</button><p>這是第一段</p><p>這是第二段</p><p>這是第三段</p></body></html>
JS是用來控制網頁行為的語言,如點擊事件、表單驗證、動態添加元素等等。通過JS,我們可以使網頁擁有更多的交互性、動態性。在上面的代碼中,我們使用了JS來實現點擊按鈕時,將頁面中所有的段落字體顏色設置為藍色。我們可以在head標簽內使用script標簽來寫JS代碼。
總的來說,CSS和JS是前端開發過程中不可或缺的兩種語言,它們可以使我們的網頁樣式更美觀,行為更豐富多彩。在開發過程中,我們需要靈活應用這兩種語言,達到更好的效果。