CSS学习笔记(1):选择器 - 谭力凡
程序员文章站
2022-05-08 09:06:52
...
一、元素选择器
HTML文档元素就是最基本的选择器
如:
DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>indextitle>
style type="text/css">
p {color:blue;}
style>
head>
body>
p>这一段话是蓝色的。p>
body>
html>
示例将
元素的字体颜色设置为了蓝色,元素选择器将作用于文档内所有的
元素。同样,我们也能够同时为多个元素应用一种样式,如:
DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>indextitle>
style type="text/css">
h1,p {color:blue;}
style>
head>
body>
h1>标题颜色h1>
p>这一段话是蓝色的。p>
body>
html>
为多个元素应用样式时,用逗号分隔。
*作为通配选择器,可以与任何元素匹配。
格式:元素|通配符
二、类选择器
类选择器的样式与元素关联,需要为class属性指定一个适当的值,如:
DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>indextitle>
style type="text/css">
.one {color:blue;}
style>
head>
body>
p class="one">第一段。p>
p>第二段p>
p class="one">第三段p>
body>
html>
格式:.类名
代码中有3个
元素,其中有两个指定了class属性,即class="one",在]开头后面跟上指定的class属性值。类选择器可以对多个且不同元素指定同样的class值。
上一篇: css实现文本两端对齐的代码实例讲解