在网站开发过程中,CSS和JavaScript是非常常用的两种语言。CSS是用于控制网页样式和排版的语言,而JavaScript则是用于实现交互和动态效果的编程语言。
下面是一些常用的CSS和JavaScript代码片段,供参考。
/* CSS代码 */ /* 改变字体颜色 */ p { color: red; } /* 设置背景图片 */ body { background-image: url("background.jpg"); } /* 设置圆角边框 */ div { border-radius: 10px; } /* JavaScript代码 */ // 显示当前时间 function showTime() { var date = new Date(); var hours = date.getHours(); var minutes = date.getMinutes(); var seconds = date.getSeconds(); document.getElementById("time").innerHTML = hours + ":" + minutes + ":" + seconds; } setInterval(showTime, 1000); // 鼠标悬停变色 var elements = document.getElementsByClassName("hover"); for (var i = 0; i < elements.length; i++) { elements[i].addEventListener("mouseover", function() { this.style.backgroundColor = "yellow"; }); elements[i].addEventListener("mouseout", function() { this.style.backgroundColor = ""; }); }
除了以上这些常用的代码片段之外,还有很多其他的CSS和JavaScript技巧和特性可以使用,可以根据不同的需求进行搜索学习。同时,还需要注意不同浏览器之间的兼容性问题,以确保网页的正确显示和功能。