css各种选择器,元素标签选择器,类选择器,id选择器,选择器的组合

3 元素(标签)选择器:

格式

标签名(html元素){

/*CSS样式代码*/

}

使用范围,是将同样的样式,作用在多个同名的标签上。

4 类选择器:

<span>我是红色</span>

<div>我是红的</div>

heml的标签名不一样,但是需求一样时,就给有需求的标签起个相同的类名就可以了

例如<span class=redF随便起的名字”>我是红色</span>

<div class=”redF随便起的名字”>我是红的</div>

只要将 元素选择器的 标签名,换成起的类名就可以了,注意类名前加点.

<head>

<style>

.redF随便起的名字{

Colorred

}

</style>

</head>

5 id选择器:以htmlid值作为选择器的名称,注意需要在id值前加#

Id:每个html标签都有一个id属性,id的属性值必须在本页面是唯一的(必须手动的保证ID值在本页面的唯一性,因为即使id不唯一,hbuider也不会报错)

 

格式

#id{

/*CSS样式代码*/

}

适用范围:适用于将样式,作用某个标签上(更具有针对性)

6 基本选择器的组合关系

格式:

选择器1 选择器2....{

/*CSS样式代码*/

}  

就是只将选择器1 下的 选择器2 内的内容改变为css的样式代码 格式

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值