HTML关山月引入CSS样式表-链入式、CSS基础选择器-标签选择器
时间: 2024-09-23 17:12:36 浏览: 104
案例3-3 关山月.html
HTML中引入CSS样式的常见方法有两种,分别是链入式和内部嵌入式。
1. **链入式**(External linking): 这是最常见的做法,通过`<link>`标签在HTML文档的`<head>`部分引用外部CSS文件,例如:
```html
<link rel="stylesheet" type="text/css" href="styles.css">
```
这里的`href`属性指定了CSS文件的路径,浏览器会在此处加载并应用CSS规则。
2. **内部嵌入式**(Inline or Internal style): 如果你想在HTML文档中直接编写CSS,可以使用`style`标签将CSS代码放在`<head>`或元素的`style`属性里,如:
```html
<head>
<style>
/* CSS rules here */
p {
color: red;
}
</style>
</head>
<body>
<p>这是一个内联样式段落。</p>
</body>
```
标签选择器(Tag selector)是CSS中最基本的选择器之一,它用于匹配所有指定标签的所有元素。例如,`p`选择器会选择所有的`<p>`(段落)元素:
```css
p {
/* 这些样式会应用到页面上所有的段落元素 */
font-size: 16px;
line-height: 1.5;
}
```
阅读全文