3 元素(标签)选择器:
格式
标签名(html元素){
/*CSS样式代码*/
}
使用范围,是将同样的样式,作用在多个同名的标签上。
4 类选择器:
<span>我是红色</span>
<div>我是红的</div>
当 heml的标签名不一样,但是需求一样时,就给有需求的标签起个相同的类名就可以了
例如<span class=”redF随便起的名字”>我是红色</span>
<div class=”redF随便起的名字”>我是红的</div>
只要将 元素选择器的 标签名,换成起的类名就可以了,注意类名前加点.
<head>
<style>
.redF随便起的名字{
Color:red;
}
</style>
</head>
5 id选择器:以html的id值作为选择器的名称,注意需要在id值前加#
Id:每个html标签都有一个id属性,id的属性值必须在本页面是唯一的(必须手动的保证ID值在本页面的唯一性,因为即使id不唯一,hbuider也不会报错)
格式
#id值{
/*CSS样式代码*/
}
适用范围:适用于将样式,作用某个标签上(更具有针对性)
6 基本选择器的组合关系
格式:
选择器1 选择器2....{
/*CSS样式代码*/
}
就是只将选择器1 下的 选择器2 内的内容改变为css的样式代码 格式