[HTML]Web前端开发技术5.1（HTMLCSSJavaScript ）CSS基础，selector，properties，font，Cascading，@import——喵喵画网页
在CSS中，选择器用于选定需要应用样式规则的HTML元素。属性是定义样式的值。
以下是一些基本的CSS选择器和属性示例：
/* 元素选择器，选择所有p元素 */
p {
color: blue; /* 属性：设置文本颜色为蓝色 */
}
/* ID选择器，选择id为"header"的元素 */
#header {
background-color: yellow; /* 设置背景颜色为黄色 */
}
/* 类选择器，选择所有class为"highlight"的元素 */
.highlight {
font-weight: bold; /* 设置字体为粗体 */
}
/* 属性选择器，选择所有具有title属性的元素 */
[title] {
border: 1px solid black; /* 设置边框 */
}
/* 伪类选择器，选择所有未被访问的链接 */
a:link {
color: green; /* 设置文本颜色为绿色 */
}在HTML中使用这些样式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Example</title>
<style>
/* 将上面的CSS代码放在这里 */
</style>
</head>
<body>
<p id="header">Header</p>
<p class="highlight" title="This is a paragraph.">This is a paragraph.</p>
<a href="https://www.example.com">Visit Example.com</a>
</body>
</html>以上代码演示了如何在HTML文档中使用CSS来改变文本的颜色、设置背景色、加粗文本、为元素添加边框以及为链接设置颜色。
评论已关闭