css选择器整理

介绍

css对html进行样式的改变时,需要让他知道是要对谁进行样式的改变。这个就是css的选择器。

css样式

选择器 {属性:值; 属性:值;}

选择器种类

标签选择器

类选择器

标签选择器

描述:直接更改所有标签。

优点:可以快速方便的更改页面中所有的相关标签。

缺点:一改全改

案例:

 选择h1标签,之后所有的h1标签都会变成所规定的样子。

类选择器

描述:规定一个样式,标签想用这个样式直接加上class属性就可以用这个样式。

优缺点:就是好用。

格式:

.类名{}

<标签 class="类名">

案例:

补充:

可以一个类给多种标签使用

可以一个标签使用多个类(如下)

id选择器

描述:只针对于id这个标签,而html的id标签基本只针对一个标签,也就是说这个id选择器只能针对这一个标签。

格式:

#id名 {}

案例演示:

 通配符选择器

描述:一次性把所有标签的样式都改成规定的样子

格式:

* {}

案例演示:

 

唉不行,这颜色选的有点耀眼。。。

总结

好了这些就是css的选择器,根据实际需求选择使用。

相关推荐

  1. CSS新手入门笔记整理CSS3选择

    2024-04-07 20:06:02       33 阅读
  2. CSS新手入门笔记整理CSS3选择

    2024-04-07 20:06:02       38 阅读
  3. 有关CSS选择

    2024-04-07 20:06:02       40 阅读
  4. css选择

    2024-04-07 20:06:02       56 阅读
  5. 前端---css 选择

    2024-04-07 20:06:02       44 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-07 20:06:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-07 20:06:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-07 20:06:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-07 20:06:02       20 阅读

热门阅读

  1. 【安全】数据安全产品概览

    2024-04-07 20:06:02       13 阅读
  2. Python—容器

    2024-04-07 20:06:02       16 阅读
  3. [xboard]real6410-3 S3C6410光盘资料与功能测试

    2024-04-07 20:06:02       14 阅读
  4. 力扣(数组)分发饼干

    2024-04-07 20:06:02       11 阅读
  5. vue-router v4.x命名路由,编程式跳转

    2024-04-07 20:06:02       14 阅读
  6. 独孤思维:1小时卖了80单

    2024-04-07 20:06:02       14 阅读
  7. shell脚本规范及变量类型、置换

    2024-04-07 20:06:02       17 阅读
  8. zynq gst-launch-1.0相关

    2024-04-07 20:06:02       13 阅读
  9. 顺序表应用——通讯录实现

    2024-04-07 20:06:02       16 阅读