Posted on | by liu
CSS是网页设计中必不可少的一项技术,可以帮助大家优化网页的外观和布局。为了让网页正确使用样式表,大家需要知道如何引用CSS样式表。下面将介绍几种引用CSS的方法。
1. 内部样式表
内部样式表是直接写在HTML文档中的样式表,用标签将CSS代码放在标签中。例如:
<html>
<head>
<style>
p {color: blue;}
</style>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
在这个例子中,CSS样式表直接嵌入到HTML页面中,可以在任何地方使用p标签,并且都将使用蓝色字体。
2. 外部样式表
外部样式表是将CSS样式表写在一个独立的文件中,然后通过标签将其引用到HTML文档中。例如:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>Hello World!</p>
</body>
</html>
在这个例子中,CSS样式表存储在style.css文件中。通过href属性指定样式表文件的路径,在HTML页面中使用标签引用它。
3. 内联样式
内联样式是将CSS样式直接写在HTML标签的style属性中。例如:
<html>
<head>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
在这个例子中,style属性直接写在p标签中,应用的颜色是蓝色。
总的来说,使用内部、外部和内联样式的方法各有优缺点,可以根据实际情况选择使用。希望以上介绍能够帮助各位更好地应用CSS技术。