• 李生云的专栏作者中国国家地理网 2019-06-15
  • 软件社交功能须设红线 2019-06-15
  • 省国资委关于刘爱兵等具备正高级工程师吴向亚等具备高级工程师专业技术资格的通知 2019-06-13
  • 网红健康险——红在哪 险在哪 2019-06-13
  • 屈原作为一个浪漫诗人的确才华横溢,值得称道,但是他反对统一就得批评。是吧小作? 2019-06-12
  • 《国家人文历史》2018年第10期(总第203期)封面及目录 2019-06-11
  • 如何保持胃肠道健康年轻态 来听听这位消化科医生球迷的经验 2019-06-11
  • 命运:乌镇演义宣示网络新时代 2019-06-10
  • 地表最凶残火力 解放军155mm卡车炮曝光 2019-06-10
  • 瑞典南部城市发生枪击案致5人伤 警方:与恐袭无关 2019-06-09
  • 学习贯彻习近平总书记对脱贫攻坚工作重要指示精神 2019-06-09
  • 8周年!全新米聊开启内测:优化聊天新增连麦小游戏 2019-06-08
  • 人民网旅游3·15投诉平台--旅游频道 2019-06-07
  • “退休的违纪违法者”难逃终身追责 2019-06-07
  • 中共山西省委组织部公示 2019-06-06
  • ?
    欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    您的位置:香港买马资料大全 > DIV+CSS基础 >

    CSS基础必学列表

    CSS id与CSS class

    香港买马资料大全 www.ziixf.tw CSS IDCSS CLASS

    前面我们介绍过了id与class区别,接下来再简单介绍CSS id与CSS class区别与用法。

    CSS id - css class
    id与class对应图

    香港买马资料大全 id知识:
    在一个网页里ID只能使用一次。当然即使一个id在一个网页内被使用多次,其CSS样式仍然可以实现生效,但是一般规定W3C标准是使用一次。因为ID在html里可以赋予html标签特殊的属性如一下JS动作、表单传值等特性所以区别于一个class可以使用多少的次,而一个CSS 命名的id只能使用一次避免一些特定动作、传的表单值的兼容性特性错误即使没有其它JS脚本动作、表单传值特性但是我们也一定执行一个页面只能使用一次。

    id 选择器以 "#" 来定义,命名CSS选择器。
    定义命名css id选择器例子:
    #yangshi1{color:#F00;}定义红色香港买马资料大全 www.ziixf.tw实例
    #yangshi2{color:#0F0;}定义绿色

    对应html中div引用
    <div id="yangshi1">我颜色为红色</div>
    <div id="yangshi2">我颜色为绿色</div>

    一个香港买马资料大全标签的定义只能使用一个id如:
    <div id="yangshi1" id="yangshi2">www.divcss5测试内容</div>

    <div id="yangshi1 yangshi2">www.divcss5测试内容</div>
    两个都是不正确的,并且CSS样式属性也不能生效- 成为CSS 失效之一。

    CSS class知识:
    与CSS ID不同特性是clsss类可以在一个网页内无限次引用。

    Class 选择器定义以“.”来定义。定义css class选择器例子:.yangshi1{color:#F00;} 定义文字为红色.yangshi2{font-size:28px;}定义文字大小为18px

    对应html中香港买马资料大全引用:

    1. <div class="yangshi1">我颜色为红色</div> 
    2. <div class="yangshi2">香港买马资料大全 www.ziixf.tw我字体大小为28px</div> 
    3. <div class="yangshi1 yangshi2">我颜色为红色文字大小为28px</div> 

    以上即是“yangshi1”“yangshi2”类的正确使用方法

    扩展知识:能否使用数字命名CSS 属性选择器css 命名规范-CSS命名大全集合

    以下为错误的css类使用方法:
    <div class="yangshi1" class=" yangshi2">我将无效</div>
    这样的引用方法即是错误的引用方法,同样可以得出一个div标签内只能出现一个"class=",如果出现多个css类要应用到一个div标签内,即可以使用<div class="yangshi1 yangshi2">来表达。
    一个div标签内运用id和class是可以的:
    .yangshi1{... ...}
    #yangshi2{... ...}
    .yangshi3{... ...}
    <div class="yangshi1" id="yangshi2">这样是可以的也是正确的.
    <div class="yangshi1 yangshi3" id="yangshi2">同样是正确的可取的。

    总结:
    本文分别从知识点到实例讲解了香港买马资料大全中id和class的运用、需要注意地方、正确运用引用方法。通过divcss5中css实例方式正确与错误运用css id和css class让大家能掌握css 基础知识点。

    扩展知识如何选择class与id

    如需转载,请注明文章出处和来源网址://www.ziixf.tw/rumen/r117.shtml

    我要分享到:

    必备CSS教程 Essential CSS Tutorials

    必备HTML基础教程 Essential HTML Tutorials

     

    如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
    香港买马资料大全文章修订日期:2010-05-12 14:02 原创:香港买马资料大全
    本文香港买马资料大全 www.ziixf.tw DIVCSS5版权所有。

  • 李生云的专栏作者中国国家地理网 2019-06-15
  • 软件社交功能须设红线 2019-06-15
  • 省国资委关于刘爱兵等具备正高级工程师吴向亚等具备高级工程师专业技术资格的通知 2019-06-13
  • 网红健康险——红在哪 险在哪 2019-06-13
  • 屈原作为一个浪漫诗人的确才华横溢,值得称道,但是他反对统一就得批评。是吧小作? 2019-06-12
  • 《国家人文历史》2018年第10期(总第203期)封面及目录 2019-06-11
  • 如何保持胃肠道健康年轻态 来听听这位消化科医生球迷的经验 2019-06-11
  • 命运:乌镇演义宣示网络新时代 2019-06-10
  • 地表最凶残火力 解放军155mm卡车炮曝光 2019-06-10
  • 瑞典南部城市发生枪击案致5人伤 警方:与恐袭无关 2019-06-09
  • 学习贯彻习近平总书记对脱贫攻坚工作重要指示精神 2019-06-09
  • 8周年!全新米聊开启内测:优化聊天新增连麦小游戏 2019-06-08
  • 人民网旅游3·15投诉平台--旅游频道 2019-06-07
  • “退休的违纪违法者”难逃终身追责 2019-06-07
  • 中共山西省委组织部公示 2019-06-06
  • 爱心马赛克 汉诺威弗赖堡 狼队游戏视频 汉堡霍芬海姆 曼城利物浦 伊蒂哈德球场 黑龙江快乐十分网址 都灵vs拉齐奥 彩票31选7走势图 幸运数字英文