/* 在 CSS 中使用类名 */ .title { font-size: 24px; font-weight: bold; color: #333; } /* 在 HTML 中使用类名 */这是一个标题
在上面的代码中,大家定义了一个名为title
的类,设置了它的字体大小、字重和颜色。然后在 HTML 中,大家将这个类名应用到了一个标题元素上,使它的样式与定义的类相同。
除了点(.)符号以外,还有其他的 CSS 选择器可以用来选取元素,例如 #(id)、*(通用)、>(子元素)、+(相邻兄弟)等,每个选择器所代表的含义略有不同。
/* 在 CSS 中使用 ID 选择器 */ #sidebar { width: 240px; float: right; } /* 在 HTML 中使用 ID */
总之,CSS 中的点(.)符号是用来表示类名的,可以将一些相似的元素放在同一个类里面,然后为这个类设置样式。这样做的好处是可以简化代码,减少重复,提高效率。