欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:22选5河南最新开奖今 > DIV+CSS基础 >

CSS基础必学列表

CSS id与CSS class

22选5河南最新开奖今 www.gsf5k.cn CSS IDCSS CLASS

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

CSS id - css class
id与class对应图

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

id 选择器以 "#" 来定义,命名CSS选择器。
定义命名css id选择器例子:
#yangshi1{color:#F00;}定义红色22选5河南最新开奖今 www.gsf5k.cn实例
#yangshi2{color:#0F0;}定义绿色

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

一个22选5河南最新开奖今标签的定义只能使用一个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中22选5河南最新开奖今引用:

  1. <div class="yangshi1">我颜色为红色</div> 
  2. <div class="yangshi2">22选5河南最新开奖今 www.gsf5k.cn我字体大小为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">同样是正确的可取的。

总结:
本文分别从知识点到实例讲解了22选5河南最新开奖今中id和class的运用、需要注意地方、正确运用引用方法。通过divcss5中css实例方式正确与错误运用css id和css class让大家能掌握css 基础知识点。

扩展知识如何选择class与id

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

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
22选5河南最新开奖今文章修订日期:2010-05-12 14:02 原创:22选5河南最新开奖今
本文22选5河南最新开奖今 www.gsf5k.cn DIVCSS5版权所有。

  • 震后十年·追忆与新生:关于2008年的那场地震,陕西有记忆 2019-03-24
  • 瑞典南部城市发生枪击案致5人伤 警方:与恐袭无关 2019-03-24
  • 樱桃-热门标签-华商生活 2019-03-24
  • 紫光阁中共中央国家机关工作委员会 2019-03-24
  • 黔江:1000余亩蓝莓成熟 市民乐享“莓”好时光 2019-03-24
  • 紫光阁中共中央国家机关工作委员会 2019-03-23
  • 【学习时刻】中央党校徐浩然:把“人民”二字镌刻在党的旗帜上 2019-03-23
  • 外贸持续稳中向好透露出哪些信息? 2019-03-23
  • 公众论坛官方网站首页·南方都市报·南方报业传媒集团 2019-03-23
  • 评论:抓实支部 责任上肩 2019-03-22
  • 袁隆平:即使海水稻已经成功,我的压力依然很大袁隆平压力 2019-03-22
  • 海外版望海楼:“五大观念”的时代价值 2019-03-22
  • 充分发挥人民政协职能优势 2019-03-22
  • 文化山西:晋中是“和”文化的发祥地 2019-03-21
  • 陈飞宇出席Vogue Film时装电影展 潮酷少年初长成 2019-03-21
  • 366| 433| 906| 32| 215| 465| 807| 925| 429| 79|