zoukankan      html  css  js  c++  java
  • CSS选择器的三种用法

    首先我们需要在html文件中引用外部的css文件

    我们在head标签中添加如下代码

    这样我们就可以在css文件中DIY自己的样式了~~~

    1.标签选择器

    书写格式

     

    例如我在css文件中写如上代码

    /× 每一条样式代码,我们称为声明,所有的声明我们称为声明块×/

    那么我html文件中的所有h1标签都会应用这个样式

     以下是运行效果:

     

     2.类选择器

    书写格式

     我们需要在书写类名选择器的时候,书写类名前面加一个英文的小数点(.)

    然后我们在html中书写代码,只要class属性的属性值为changeRed的都会应用changeRed的样式

     另外我们一个class属性可以赋予多个属性值,如图所示,我们书写多个属性值,中间用空格隔开

    那么就可以应用多个样式

    这一个h1标签可以同时应用changeRed和changeSize的样式

      3.ID选择器

    书写格式

     我们需要在书写ID选择器的时候,书写ID值前面加一个英文的井号(#)

    这样,只有id值为changeRed的标签会应用该样式

    不过与类选择器不同的是,在同一个页面中,一个ID值是独一无二的,只能为一个标签赋予。

  • 相关阅读:
    【docker】命令学习
    docker 安装mysql
    Docker DockerFile案例 自定义的tomcat9
    尚硅谷 Docker DockerFile案例 ONBUILD命令案例
    dockerfile 案例2 CMD ENTRYPOINT命令案例
    Dockerfile案例
    Dockerfile解析
    数据卷容器
    Dockfile添加数据卷
    容器数据卷
  • 原文地址:https://www.cnblogs.com/stuartrealm/p/10505344.html
Copyright © 2011-2022 走看看