/* 示例代码:简单的CSS规则 */
/* 选择所有 <p> 元素,并设置字体颜色为蓝色 */
p {
color: blue;
}
/* 选择类名为 "highlight" 的元素,并设置背景颜色为黄色 */
.highlight {
background-color: yellow;
}
/* 选择 id 为 "header" 的元素,并设置字体大小为 24 像素 */
#header {
font-size: 24px;
}
/* 选择 <a> 元素在悬停时,改变文本颜色为红色 */
a:hover {
color: red;
}
选择器:p
, .highlight
, #header
, a:hover
分别是不同的选择器类型,用于选择 HTML 中的元素。
p
是标签选择器,选择所有 <p>
标签。.highlight
是类选择器,选择所有带有 class="highlight"
的元素。#header
是 ID 选择器,选择唯一具有 id="header"
的元素。a:hover
是伪类选择器,当鼠标悬停在 <a>
元素上时触发样式。属性和值:每个 CSS 规则由属性(如 color
, background-color
, font-size
)和对应的值(如 blue
, yellow
, 24px
)组成,用于定义样式的具体表现。
上一篇:opacity在css中的用法
下一篇:css弹性盒子
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站