• 技术文章 >web前端 >css教程

    css中tag是什么意思

    醉折花枝作酒筹醉折花枝作酒筹2021-07-14 10:27:39原创107

    在css中tag代表着选择器,例如“#tag{样式代码;}”和“.tag{样式代码}”。TAG标签是一种由自己定义的,比分类更准确、更具体,可以概括文章主要内容的关键词。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    在css中tag代表着选择器,例

    #tag{样式代码;}
    .tag{样式代码}

    每一条css样式定义由两部分组成,形式如下: [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。

    类别选择器

    类选择器根据类名来选择

    前面以”.”来标志,如:

    .demoDiv{
    color:#FF0000;
    }

    在HTML中,元素可以定义一个class的属性。

    如:

    <div class="demoDiv">
    这个区域字体颜色为红色
    </div>

    同时,我们可以再定义一个元素:

    <p class="demoDiv">
    这个段落字体颜色为红色
    </p>

    最后,用浏览器浏览,我们可以发现所有class为demoDiv的元素都应用了这个样式。包括了页面中的div元素和p元素。

    上例我们给两个元素都定义了class,但如果有很多个元素都会应用这个元素,那得一个个的定义元素,就会造成页面重复的代码太多,这种现象称为“多类症”。

    我们可以改成这样来定义。

    <div class="demoDiv">
    <div>
    这个区域字体颜色为红色
    </div>
    同时,我们可以再定义一个元素:
    <p>
    这个段落字体颜色为红色
    </p>
    </div>

    这样,我们就只是定义了一个类,同时把样式应用到了所有的元素当中。

    ID选择器

    ID 选择器可以为标有特定 ID 的 HTML 元素指定特定的样式。 根据元素ID来选择元素,具有唯一性,这意味着同一id在同一文档页面中只能出现一次,例如,你将一个元素的id取值为”navi”,那么在同一页面你就不能再将其他元素id取名为”navi”了。尽管你会发现即便你把几个元素都命名成相同的id名字,css选择器还是会把这些元素都选中应用样式(如class选择器那样),对于css选择器,id属性的唯一性似乎不存在。然而,对于js而言,它只会选择具有相同id名字元素中的第一个。出于一个好的编程习惯,同一个id不要在页面中出现第二次。

    前面以”#”号来标志,在样式里面可以这样定义:

    #demoDiv{
    color:#FF0000;
    }

    这里代表id为demoDiv的元素的设置它的字体颜色为红色。

    我们在页面上定义一个元素把它的ID定义为demoDiv,如:

    <div id="demoDiv">
    这个区域字体颜色为红色
    </div>

    用浏览器浏览,我们可以看到因为区域内的颜色变成了红色

    再定义一个区域

    <div>
    这个区域没有定义颜色
    </div>

    用浏览器浏览,与预期的一样,区域没有应用样式,所以区域中的字体颜色还是默认的颜色黑色。

    推荐学习:css视频教程

    以上就是css中tag是什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css tag
    上一篇:css3中的rem怎么用 下一篇:css中浮动是什么意思
    第16期线上培训班

    相关文章推荐

    • css怎么加滚动条• 浅谈CSS如何实现九宫格提示超出数量• CSS如何实现渐变提示框(tooltips)• css3跟css区别是什么• css3中的rem怎么用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网