css和js什么区别 |css如何设置图片形状

首先，CSS，全称为“Cascading Style Sheets”，是层叠样式表的意思。CSS主要的作用是为HTML文档添加样式，通过CSS大家可以设置网页的布局、颜色、字体等各种视觉效果。CSS达到了页面样式和网页内容分离的效果。在HTML中通过link标签引入外部CSS文件，也可以直接将样式写入HTML文件中的style标签中。

<link rel="stylesheet" type="text/css" href="style.css">
<style>
p {
color: red;
font-size: 24px;
}
</style>

接下来是JS，全称为“JavaScript”，是一种脚本语言。与CSS不同，JS主要的作用是为网页添加交互和动态效果，例如按钮点击、表单提交、元素滚动等。JS可以修改HTML页面上的内容、属性和事件，以及与后台服务器进行通信，实现动态效果。JS可以直接写在HTML文件中，也可以通过script标签引用外部JS文件。

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
</script>
<p id="demo"></p>

所以，CSS和JS具有不同的功能，但是它们可以同时作用于同一个网页中，通过合理地使用它们，可以实现更加丰富的页面效果。