第一种 | 第二种 | 第三种 | |
CSS | 行内式 | 嵌入式 | 链接式 |
JS | 行内式 | 嵌入式 | 外部式 |
按照 CSS 书写的位置不同,CSS 样式表可以分为三大类:
- 行内样式表(行内式)
- 内部样式表(嵌入式)
- 外部样式表(链接式)
行内样式表(内联样式表)是在元素标签内部的 style
属性中设定 CSS 样式,适合修改简单样式。
<div style="color: red; font-size: 12px">行内样式表div>
将 CSS 代码写在 HTML 页面内部,单独放在一个 标签中。
理论上可以放在 HTML 文档中任何一个地方,一般放在
标签中。- <style>
- p {
- color: pink;
- border: blue 1px solid;
- }
- style>
练习时使用,实际开发不用。
实际开发中都是外部样式表,适用于样式比较多的情况。 核心:样式单独写到 CSS 文件中,再将 CSS 文件引入到 HTML 页面中。
引入格式
<link rel="stylesheet" href="css文件路径" />
JS有3种书写位置,分别为行内、内嵌和外部
<input type="button" value="click" onclick="alert('Hello, world!')">
- alert("Hello world!");
学习时常用。