一文带你入门css【选择器的详细介绍】(1),2024年最新项目源代码

先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Python全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img



既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Python知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以添加V获取:vip1024c (备注Python)
img

正文

Document

Hello World

②.结果

在这里插入图片描述

4.通配符选择器


通配符选择器一般用于项目的初始化,可以直接选出所有标签,或具有某一特征的标签

①.案例

Document

hello world

helloworld
    • hahha
    • ②.结果

      在这里插入图片描述

      5.属性选择器


      根据属性,选择出符合条件的标签。

      基本语法:

      选择出有类属性的标签

      span[class=“re”] {

      color: blue;

      }

      /* 该标签属性是1+10=11 */

      选择出开头是demo的标签

      div[class^=“demo”] {

      color: chartreuse;

      }

      选择出结尾是data的id

      select[id$=“data”] {

      color: cyan;

      }

      选择出类名包含demo0的标签

      div[class*=“demo0”] {

      color: darkorchid;

      }

      ①.案例

      Document

      Hello World

      Hello World


      Hello World
      Hello World
      Hello World
      Hello World

      Hello World

      Hello World

      Hello World

      Hello World
      Hello World
      Hello World

      ②.结果

      在这里插入图片描述

      6.伪类选择器


      伪类选择器有两种

      一种是孩子伪类选择器:以孩子为主体

      一种是类型选择器:以类型为主体

      /*

      ul 标签下的div标签的第一个与最后一个孩子

      */

      ul div:last-child {

      color: aquamarine;

      }

      ul div:first-child {

      color: blueviolet;

      }

      /*

      odd是奇数

      even是偶数

      括号内支持数学公式

      */

      div div:nth-child(odd) {

      background-color: grey;

      }

      div div:nth-of-type(even) {

      background-color: #ccc;

      }

      /*

      以下两个标签是这两种标签最本质的区别

      child以孩子个数为主,先检查孩子所属的位置,然后对比标签类型只有都符合才会触发效果

      type以标签类型为主,在指定的标签类型中找到标签的次序,然后触发效果

      */

      ul div:nth-child(1) {

      background-color: hotpink;

      }

      ol div:nth-of-type(1) {

      background-color: brown;

      }

      ①.案例

      Document

        Hello

        Hello
        Hello
        Hello
        Hello
        Hello

          Hello

          Hello
          Hello
          Hello
          Hello
          Hello
          Hello
          Hello
          Hello
          Hello
          Hello
          Hello
          Hello
          Hello

          ②.结果

          在这里插入图片描述

          7.伪元素选择器


          伪元素选择器之所以叫伪元素选择器,就是因为标签不是真实存在的

          而是依赖原有的盒子存在的,而原有的盒子身份是他的父盒子

          伪元素有before after两种

          div {

          position: relative;

          width: 300px;

          height: 300px;

          background-color: blueviolet;

          }

          /* 伪元素选择器必须要有content这一属性,如果啥也不存就用双引号引起来空格 */

          div:hover::after {

          content: ‘Hello’;

          position: absolute;

          width: 300px;

          height: 300px;

          background-color: rgba(0, 0, 0, 0.5);

          text-align: center;

          line-height: 300px;

          font-size: 30px;

          font-weight: 700;

          }

          ①.案例

          Document
          • Hello World
          • Hello Sky
          • Hello Boy
          • Hello man
          • Hello Tim

            结果:

            在这里插入图片描述

            ②子代选择器

            与后代选择器不同的是,并没有将所有的子标签全选上,而是选择的某特定的标签

            代码:
            Document

            Hello World

            Hello World

            结果:

            在这里插入图片描述

            ③并集选择器

            将标签进行并联选择,也就是某几种标签有相同的样式

            代码:
            Document

            Hello World

            Hello World

            Hello World

            • Hello W
            • Hello O
            • Hello RLD
            • 结果:

              在这里插入图片描述

              ④链接伪类选择器(放上去有动态效果)

              就是在鼠标触发某事件后,进行相应的选择

              代码:

              如果你也是看准了Python,想自学Python,在这里为大家准备了丰厚的免费学习大礼包,带大家一起学习,给大家剖析Python兼职、就业行情前景的这些事儿。

              一、Python所有方向的学习路线

              Python所有方向路线就是把Python常用的技术点做整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。

              二、学习软件

              工欲善其必先利其器。学习Python常用的开发软件都在这里了,给大家节省了很多时间。

              三、全套PDF电子书

              书籍的好处就在于权威和体系健全,刚开始学习的时候你可以只看视频或者听某个人讲课,但等你学完之后,你觉得你掌握了,这时候建议还是得去看一下书籍,看权威技术书籍也是每个程序员必经之路。

              四、入门学习视频

              我们在看视频学习的时候,不能光动眼动脑不动手,比较科学的学习方法是在理解之后运用它们,这时候练手项目就很适合了。

              四、实战案例

              光学理论是没用的,要学会跟着一起敲,要动手实操,才能将自己的所学运用到实际当中去,这时候可以搞点实战案例来学习。

              五、面试资料

              我们学习Python必然是为了找到高薪的工作,下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料,并且有阿里大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。

              成为一个Python程序员专家或许需要花费数年时间,但是打下坚实的基础只要几周就可以,如果你按照我提供的学习路线以及资料有意识地去实践,你就有很大可能成功!
              最后祝你好运!!!

              网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

              需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注python)
              img

              一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
              全套PDF电子书

              书籍的好处就在于权威和体系健全,刚开始学习的时候你可以只看视频或者听某个人讲课,但等你学完之后,你觉得你掌握了,这时候建议还是得去看一下书籍,看权威技术书籍也是每个程序员必经之路。

              四、入门学习视频

              我们在看视频学习的时候,不能光动眼动脑不动手,比较科学的学习方法是在理解之后运用它们,这时候练手项目就很适合了。

              四、实战案例

              光学理论是没用的,要学会跟着一起敲,要动手实操,才能将自己的所学运用到实际当中去,这时候可以搞点实战案例来学习。

              五、面试资料

              我们学习Python必然是为了找到高薪的工作,下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料,并且有阿里大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。

              成为一个Python程序员专家或许需要花费数年时间,但是打下坚实的基础只要几周就可以,如果你按照我提供的学习路线以及资料有意识地去实践,你就有很大可能成功!
              最后祝你好运!!!

              网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

              需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注python)
              [外链图片转存中…(img-MluPeRK8-1713441647674)]

              一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

            • 8
              点赞
            • 30
              收藏
              觉得还不错? 一键收藏
            • 0
              评论

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

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

            请填写红包祝福语或标题

            红包个数最小为10个

            红包金额最低5元

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

            抵扣说明:

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

            余额充值