标签选择器

CSS 语法由三部分构成:选择器、属性和值:

selector {property: value}


参数说明: 
selector --选择器
property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。多个定义之间用分号(;)隔开
选择器 (selector) 通常是你希望定义的 HTML 元素或标签,属性 (property) 是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration):

body {color: blue}


上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中,body 是选择器,而包括在花括号内的的部分是声明。声明依次由两部分构成:属性和值,color 为属性,blue 为值。

标签选择器(html选择器)


需求:
实现如下效果.就是所有的字体颜色都变为黄色。

可以使用标签选择器
格式:

Html标签名{
    属性名:属性值;
}


优点: 使用简单   直观
      缺点: 会使得页面的所有该标签都被修饰


实现
Css 代码:

/*标签选择器*/
body {
    color: yellow;
}

Html代码:

<body>
        欢迎阅读本新闻
        <span class="myCss">新闻一</span>
        <span class="myCss">新闻二</span>
        <span class="myCss">新闻三</span>
        <span class="myCss">新闻四</span>
        <span class="myCss">新闻五</span>
        <span class="myCss">新闻六</span>
        <br/>
        <!--
        <span style="color: black ;font-size: 30px;font-family: '楷体';">欢迎访问一点教程网!!!</spn>
        -->
        <span id="import">欢迎访问一点教程网!!!</span>
</body>


效果:

热门文章

优秀文章