![](https://cos-cdn.shuashuati.com/pipixue-web/2020-1231-2005-12/ti_inject-812ce.png)
要想将 CSS 样式应用于特定的 HTML 元素,除了要掌握引入 CSS 样式表的方法,还需要掌握 CSS 基础选择器的使用。本练习通过使用类选择器来控制元素,并运用 CSS 内嵌式的方法来实现制作 Google Logo 的效果。 效果如图 所示 具体实现步骤如下: a) 使用内嵌式引入 CSS 样式表。 b) 分别为页面元素定义不同的类。 c) 通过控制不同的类,分别为第一个字母“ G ”设置为蓝色、加粗、 60px 字体; 第二个字母“ o ”设置为红色、加粗、 60px 字体; 第三个字母“ o ”设置为黄色、加粗、 60px 字体; 第四个字母“ g ”设置为蓝色、加粗、 60px 字体; 剩余字母“ le ”按默认样式输出。 注意: 1 、需要注意的是,类名即为 HTML 元素的 class 属性值,大多数 HTML 元素都可以定义 class 属性。类选择器最大的优势是可以为元素对象定义单独或相同的样式。