首页 > 软件开发 > HTML >

HTML中CSS样式的选择器的分类和使用方法

来源:互联网 2023-03-16 19:07:39 版权归原作者所有,如有侵权,请联系我们

CSS(层叠样式表)英文全称:Cascading Style Sheets,是一种用来表现HTML(标准通用标记语言的一个应用)文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。0rh办公区 - 实用经验教程分享!

对于CSS里最核心的部件选择器,有哪些分类,并且分别该怎么使用呢?下面就简单给大家描述!0rh办公区 - 实用经验教程分享!

工具/原料

  • HTML
  • CSS

常用选择器

  • 1

    元素选择器0rh办公区 - 实用经验教程分享!

    使用方式:0rh办公区 - 实用经验教程分享!

    元素选择器{0rh办公区 - 实用经验教程分享!

    属性名称:属性值;0rh办公区 - 实用经验教程分享!

    属性名称:属性值;0rh办公区 - 实用经验教程分享!

    0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

  • 1相关内容未经许可获取自百度经验
  • 2

    ID选择器0rh办公区 - 实用经验教程分享!

    使用方式:0rh办公区 - 实用经验教程分享!

    #ID的值{0rh办公区 - 实用经验教程分享!

    属性名称:属性值;0rh办公区 - 实用经验教程分享!

    属性名称:属性值;0rh办公区 - 实用经验教程分享!

    0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

  • 3

    类选择器0rh办公区 - 实用经验教程分享!

    使用方式:0rh办公区 - 实用经验教程分享!

    .类的名称{0rh办公区 - 实用经验教程分享!

    属性名称:属性值;0rh办公区 - 实用经验教程分享!

    属性名称:属性值;0rh办公区 - 实用经验教程分享!

    0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

  • 4

    区分方式,元素选择器:名称前:无. 并且 无#0rh办公区 - 实用经验教程分享!

    ID选择器:名称前:有#0rh办公区 - 实用经验教程分享!

    类选择器:名称前:有.0rh办公区 - 实用经验教程分享!

  • 其他选择器

  • 1

    属性选择器0rh办公区 - 实用经验教程分享!

    使用方法:0rh办公区 - 实用经验教程分享!

    标签名[标签的属性名]{0rh办公区 - 实用经验教程分享!

    属性名称:属性值;0rh办公区 - 实用经验教程分享!

    属性名称:属性值;0rh办公区 - 实用经验教程分享!

    0rh办公区 - 实用经验教程分享!

    0rh办公区 - 实用经验教程分享!

    0rh办公区 - 实用经验教程分享!

    -------更改使用该属性名的指定标签-------0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

  • 2

    选择器分组0rh办公区 - 实用经验教程分享!

    使用方法:0rh办公区 - 实用经验教程分享!

    选择器1,选择器2,选择器3{0rh办公区 - 实用经验教程分享!

    属性名称:属性值;0rh办公区 - 实用经验教程分享!

    属性名称:属性值;0rh办公区 - 实用经验教程分享!

    0rh办公区 - 实用经验教程分享!

    0rh办公区 - 实用经验教程分享!

    0rh办公区 - 实用经验教程分享!

    -------同时更改这几个选择器-------0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

  • 3

    后代选择器(儿子,孙子都属于)0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

  • 4

    子类选择器0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

  • 5

    伪类选择器(通常用于超链接标签)0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

    HTML中CSS样式的选择器的分类和使用方法0rh办公区 - 实用经验教程分享!

  • 注意事项

    • 本篇作者:mingfei7056
    • 如果对您用帮助,请投出您的一票!如果有疑问,请留言!
    • 另外我也有其他精彩的经验,闲暇之余可以看看,顺便留下足迹哈!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!0rh办公区 - 实用经验教程分享!


    标签: HTMLCSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号