点击刷新
怎么在html页面写js css代码
一、在html中写css代码的方法：
1、首先我们看CSS的内联写法，顾名思义就是写在HTML标签内的，如下所示，将css代码写到元素的style属性上。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div style="color: red;"> css内联写法 </div> </body> </html>
2、接着就是CSS的内部样式表写法，直接一个页面的CSS都集中在某个地方，如下所示，将css写在style标签中
（相关课程推荐：css视频教程）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
color: red;
}
</style>
</head>
<body>
<div>
css内部样式表写法
</div>
</body>
</html>二、在html中写js代码的方法：
1、在script标签中写js，如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
alert('script标签中的js');
</script>
</body>
</html>2、在标签的事件属性上写js，如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button onclick="alert('hi')">标签上的js</button>
</body>
</html>© 著作权归作者所有
举报
发表评论
0/200
