标签选择器
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>
效果:
热门文章
优秀文章