CSS是一种用来给网页添加样式的语言。它可以让我们掌控页面元素的样式，如字体、颜色、背景、布局等等。在CSS中，三种不同的样式分别是内联样式、内部样式和外部样式。下面我们来分别举例子。1. 内联样式&
CSS是一种用来给网页添加样式的语言。它可以让我们掌控页面元素的样式，如字体、颜色、背景、布局等等。在CSS中，三种不同的样式分别是内联样式、内部样式和外部样式。下面我们来分别举例子。
1. 内联样式
<p style="color: red; font-size: 20px;">这是一段红色的20像素字体的文字</p>
在HTML的元素标签中，我们可以使用style属性来指定内联样式，将样式直接写在元素上。
2. 内部样式
<head>
<style>
p {
color: green;
font-size: 16px;
}
</style>
</head>
<body>
<p>这是一段绿色的16像素字体的文字</p>
</body> 在HTML中，我们可以使用<style>标签来定义内部样式，将样式写在<style>标签中，再在HTML中使用该样式。
3. 外部样式
样式表文件：style.css
p {
color: blue;
font-size: 18px;
}
HTML文件：
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>这是一段蓝色的18像素字体的文字</p>
</body> 外部样式表是CSS中最常用的一种方式。我们可以单独创建一个样式表文件，然后在HTML中使用<link>标签将该文件链接进来。这样所有HTML文件都可以使用这个样式表中的样式。
粉丝
0
关注
0
收藏
0
