(基础)选择器的语法

1、什么是选择器

  • CSS选择器是CSS规则的第一部分,每个CSS规则都以一个选择器或一组选择器为开始
  • CSS 选择器即用于“查找”(或选取)要设置样式的 HTML 元素的模式
  • 选择器可以分为基础选择器、复合选择器

2、基本选择器

(1)通配(通用)选择器

  • 语法 *{ 样式声明 }
  • 作用:匹配任意类型的HTML元素
<style>        
    /* 页面上所有元素都被选择 */
    *{
        background-color:green;
    }
        
</style>

 /* 一般用于清除浏览器的默认样式 */
            margin: 0;
            padding: 0;
权重是0

(2)元素名称(标签)选择器

  • 语法: 元素名称{ 样式声明 }
  • 作用:选择所有同一元素名称的所有元素
/* 选择页面上所有的div */
div{
	width:100px;
	height:100px;
	background-color:red;
}
权重是1

 (3)类选择器

  • 语法

    • HTML中通过class属性定义

      <div class="box"></div>
      
    • <
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值