在html文件中经常会使用css来使自己的页面更加美观。
以下总结在html中添加css的三种方式:
1. 外部样式表
- css保存在.css文件中
- 在html中使用引用
对于外部样式表,需要创建一个.css的新文件,并在 <head>标签中使用 <link>链接该css文件。href指定css的路径
<head>
<link rel="stylesheet" href="./css/style.css">
</head>
2. 内部样式表
- 不使用外部css文件
- 将css放在html的style中
如红色方框中的代码,在<style>标签中对你要进行修改的元素进行编辑
3. 内联样式
- 仅影响一个元素
- 在html元素的style属性中添加
<body>
<h1 style="color:red;">Hello World</h1>
</body>
以上代码为内联样式的实例