CSS样式2

css第二种和第三种引用方式中的语法
   选择器(标记选择器,类[类型]选择器,ID选择器)
            第一种选择器  标记选择器:
                命名方式   采用页面中已有标签作为选择器的名称{具体的样式}
                使用方式:页面中的元素无需选择  只需要元素的名称和选择器的名称一致即可生效【怎样使页面中的元素能使用该样式(被动的选择)】
                适用范围:适用于多数元素拥有同样的样式
如:
<input type="password" name="passwd" style="width: 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页面,有利于进行站点的统一;
  • 样式可以再浏览器进行缓存,提高效率;
  • 有利于分工合作,提高开发效率;
  • 更方便搜索引擎的搜索




posted @ 2013-03-28 00:33  thero  阅读(128)  评论(0编辑  收藏  举报