您的位置:图文专栏 > 技术教程 > HTML5/CSS3速成教程 >

8-2 什么CSS标签选择器

发布时间:2021-03-22 15:27:51

8-2 什么CSS标签选择器

标签选择器其实就是html代码中的标签。如下代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码:
p{font-size:12px;line-height:1.6em;}
上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式。
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>标签选择器</title>
    <style type="text/css">
h1{
font-weight:normal;/*去掉粗体样式*/
color:red;
}
    </style>
</head>

<body>
    <h1>勇气</h1>
    <p>三年级时,我还是一个胆小如鼠的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    <p>到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
    <img src="http://img.mukewang.com/52b4113500018cf102000200.jpg">
</body>

</html>

上一篇: 8-1 什么CSS是选择器?

下一篇: 8-4 什么是CSS类选择器