前端进阶之——基础选择器

本文详细介绍了前端基础选择器,包括标签选择器、类选择器、ID选择器和适配符选择器,以及如何使用它们进行元素的精确选择。此外,还涉及了CSS3的新特性如边框圆角、阴影、渐变和媒体查询,并讨论了常见的元素隐藏方法。
摘要由CSDN通过智能技术生成

   欢迎加入前端技术营!如果你也是前端学习者或者对前端有学习的想法,那就跟着我一起从零开始进击前端。
  致力于尽可能详细且简洁的介绍前端知识、自己的捷径,也是学习路上的记录。欢迎探讨


目录

一、基础选择器

二、每日面试题



一、基础选择器

1、什么是选择器?

选择标签,根据不同需求把不同标签选出来

2、选择器分类:

选择器分为基础选择器符合选择器

一、基础选择器

  • 标签选择器:将HTML标签名作为选择器,将某一类选择出来,如所有的div,不能差异化样式
<style>
        div {
   
            width: 50px;
            height: 50px;
        }
    </style>
<body>  
    <div></div>
    <div></div>
    <div></div>
</body>
  • 类选择器:可以差异化选择不同标签,单独选一个或多个标签
    语法:.类名{属性},需通过class属性调用
    类名自己取,最好有意义
    样式点定义,结构类调用,一个或多个,开发最常用
<style>
    .one {
   
        width: 30px;
        height: 30px;
    }
    </style>
<body>  
    <div class="one"></div>
    <div></div>
    <div></div>
</body>

多类名:一个标签可以指定多个类名:多类名之间必须用空格间隔,可以把一些标签元素相同的样式放到一个类里
这些标签都可以调用这个公共类,然后再调用自己独有的类

<style>
    .one {
   
        width
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值