CSS介绍及三种应用方式[内联,内嵌,外链]元素及实例讲解
CSS(层叠样式表)是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合脚本语言动态地对网页中的元素进行格式化。
- 内联样式:直接在HTML元素的style属性中设置CSS样式。
<p style="color:blue;">这是一个蓝色的段落。</p>
- 内嵌样式:在HTML文档的<head>标签中加入<style>标签,在其中设置CSS样式。
<head>
<style>
p { color: red; }
</style>
</head>
<body>
<p>这是一个红色的段落。</p>
</body>
- 外链样式:创建一个单独的CSS文件,然后在HTML文档的<head>标签中的<link>标签引用。
<!-- 假设CSS文件名为style.css -->
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
在CSS文件(style.css)中设置样式:
p {
color: green;
}
在HTML文档中使用这种方式引用上述CSS样式,段落文本将显示为绿色。
评论已关闭