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值是独一无二的,只能为一个标签赋予。

  • 相关阅读:
    mongodb 的主从配置
    python 操作mongoDB数据库
    git常用操作
    基于canvas与原生JS的H5动画引擎
    mongodb的使用(入门)
    mongodb 的安装(Centor OS )
    NIO概述及实例(时钟服务器)
    netty上手
    BootStrap概述
    Spark SQL访问PostgreSQL
  • 原文地址:https://www.cnblogs.com/stuartrealm/p/10505344.html
Copyright © 2011-2022 走看看