CSS是一种用于设置HTML文档样式的语言，主要包括选择器和声明块。选择器选择元素，声明块定义样式。样式可以通过内部样式表（在HTMLhead中）或外部样式表（单独文件）应用。CSS支持属性继承，且class属性允许为多个元素设置相同样式。
HTML与CSS——CSS初级
CSS简介
CSS (Cascading Style Sheets) 是一种用来为 HTML 文档添加样式的语言。它允许你控制文本格式，布局，颜色等多种样式。
CSS 语法有两个主要部分：选择器和声明块。选择器用来选择 HTML 元素，声明块则用来描述选择器应用的样式。
语法格式：
选择器 {
属性1: 值1;
属性2: 值2;
...
}
例如:
p {
color: blue;
font-size: 16px;
}
这个例子中,选择器是“p”，它会选中所有的段落元素，声明块中包含了两个属性：“color”和“font-size”，它们分别设置了文本颜色和字体大小。
可以使用多个选择器来应用同一组样式。这样可以让你在一行 CSS 代码中应用多个元素的样式。
p,h1,h2 {
color: blue;
font-size: 16px;
}
将 CSS 代码放入 HTML 文档中
- 内部样式表：在 HTML 文档的 head 部分添加一个 “style” 元素，并在其中添加 CSS 代码。这种方式适用于整个页面或者部分页面应用样式。
<head>
<style>
p {
color: blue;
font-size: 16px;
}
</style>
</head>
- 外部样式表：将 CSS 代码保存在一个单独的文件中，然后使用 “link” 元素在 HTML 文档中引用这个文件。这种方式适用于在多个页面中重用样式
<head>
<link rel="stylesheet" href="styles.css">
</head>
一般来说，将 CSS 代码放入外部样式表中是最佳实践，因为这样可以使代码更易于维护和重用
属性继承
在 CSS 中，有些属性是可以继承的，这意味着如果一个元素未被明确地设置这个属性，那么它会继承其父元素的值。
常见可继承的属性有：
- font-size
- font-family
- color
当一个元素继承了父元素的某个属性值时，如果你想要覆盖这个值并赋予它新的值，可以在子元素上直接设置这个属性。
例如：
body {
font-size: 16px;
}
p {
color: blue;
font-size: 18px;
}
在这段代码中，所有的 p 元素都会是蓝色字体，并且字体大小为 18px，因为在 p 元素上设置了 font-size 属性，这覆盖了 body 元素中的 font-size 属性。
class属性
CSS 中的 class 属性是一种方便的方式来应用样式到多个元素上。class 属性允许你为多个元素设置相同的类名，然后在 CSS 中使用类选择器来应用样式。
在 HTML 中使用 class 属性的方法是在元素的开始标签中添加 class 属性，并将类名作为属性值。
例如：
<p class="blue">This is a blue paragraph.</p>
<p class="blue">This is another blue paragraph.</p>
在 CSS 中使用类选择器来应用样式的方法是在选择器前面加一个“.”，并跟上类名。
.blue {
color: blue;
}
这段代码中，所有 class 为 blue 的元素都会是蓝色。
另外，在 HTML 中一个元素可以有多个类名，用空格分开即可，在 CSS 中可以使用多个类选择器来同时应用多种样式。
总之，class 属性是一种非常有用的工具，它允许你在 HTML 中创建复用的样式组，并在 CSS 中使用类选择器来应用样式。
扫一扫
166
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
