CSS选择器和常用属性

  1. 基础选择器

    • id选择器
      使用此选择器要求HTML相应的标签必须指定了id属性
      格式:
      #+标签id属性{
      //对应id标签的属性
      如color等
      }
      在这里插入图片描述
      在这里插入图片描述
      通过HTML标签的id来指定标签,修改样式

    • 元素选择器
      格式:
      标签名称{
      //通过标签名称找到标签(可能不止一个)并修改内容样式
      }
      在这里插入图片描述
      这个元素选择器会找到HTML中所有的div标签,并将标签内容字体改为红色

    • 类选择器
      格式:
      .+类名{
      通过标签的class属性值找到标签
      }
      在这里插入图片描述
      在这里插入图片描述
      其中:三个选择器中 id选择器优先级最高,元素选择器优先级最低

  2. 扩展选择器

    在这里插入图片描述

在这里插入图片描述
3. CSS常见属性
在这里插入图片描述
4. 盒子模型
参见JAVA_WEB/HTML&CSS

发布了28 篇原创文章 · 获赞 1 · 访问量 2144

猜你喜欢

转载自blog.csdn.net/weixin_42387411/article/details/100114035