• CSS样式2


    css第二种和第三种引用方式中的语法
       选择器(标记选择器,类[类型]选择器,ID选择器)
                第一种选择器  标记选择器:
                    命名方式   采用页面中已有标签作为选择器的名称{具体的样式}
                    使用方式:页面中的元素无需选择  只需要元素的名称和选择器的名称一致即可生效【怎样使页面中的元素能使用该样式(被动的选择)】
                    适用范围:适用于多数元素拥有同样的样式
    如:
    <input type="password" name="passwd" style=" 190px;height:27px;font-size: 20px;color: #6666FF;background-color: #FFFF99 "/>
                第二种选择器  类(类型)选择器
                    命名方式  采用任意的名称作为选择器的名称  但是要在该名称前加上.才可以
                    使用方式:页面中的元素 必须是class属性值等于该选择器的名称才可以生效【主动选择样式】
                    适用范围:适用于少数元素拥有的样式
                    语法规则:以.类名称{}的形式
    .first {
                width: 24px;
                height: 24px;
            }
     
                第三种选择器  ID选择器
                    命名方式  采用任意的名称作为选择器的名称  但是要在该名称前加上#才可以
                    使用方式:页面中的元素 必须是id属性值等于该选择器的名称才可以生效【主动选择样式】
                    适用范围:适用于少数元素拥有的样式
                    语法规则:以#号开头和{}作为结束
        #sub {
                width: 150px;
                background-color:#CCCCCC;
            }
     
    区别:
          第二种选择器和第三种选择器  其实来将适用的范围完全一样    区别就在于id属性的特殊意义
                        id主要是代表当前元素在页面中唯一的标识  所以id不能重复使用
    好处:
    • 样式代码独立于HTML页面,有利于进行站点的统一;
    • 样式可以再浏览器进行缓存,提高效率;
    • 有利于分工合作,提高开发效率;
    • 更方便搜索引擎的搜索




  • 相关阅读:
    线性表的各种基本操作
    malloc&&free的系统运行机制及其源代码的理解
    剪枝的定义&&hdu1010
    hdu 1045
    hdu2094 stl之set的应用
    关联式容器的总结
    STL之map容器的详解
    2018-2019 ACM-ICPC 焦作赛区 部分题解
    2018-2019 ACM-ICPC 沈阳赛区 K. Let the Flames Begin
    2018-2019 ACM-ICPC 徐州区域赛 部分题解
  • 原文地址:https://www.cnblogs.com/babyhhcsy/p/2985829.html
Copyright © 2020-2023  润新知