zoukankan      html  css  js  c++  java
  • 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页面,有利于进行站点的统一;
    • 样式可以再浏览器进行缓存,提高效率;
    • 有利于分工合作,提高开发效率;
    • 更方便搜索引擎的搜索




  • 相关阅读:
    sqlserver备份后无法还原的解决方法
    Silverlight如何与JS相互调用
    【转】体验 Silverlight 5 3D开发之环境搭配篇
    C#实现邮箱搬家功能(1):Pop3协议介绍
    【转】针对大数据量表的优化查询
    Centos7Docker安装Redis
    Centos7.*Consul安装配置
    Centos7Docker安装nacos
    Centos7Docker安装neo4j
    Spring框架根据传入参数动态的修改注解属性的值
  • 原文地址:https://www.cnblogs.com/babyhhcsy/p/2985829.html
Copyright © 2011-2022 走看看