我们编写 html 文件的时候, 一般都需要在里面加入 CSS 和 JS 的内容, 那么 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 视频教程 https://www.html.cn/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>
本文来自 css3 答疑 https://www.html.cn/qa/css3/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/html5/15077.html