体彩11选5中奖规则:div id class

div iddiv class

内蒙古11选五开奖5号的布局中常常用id和class来引入CSS样式(通俗理解通过id和class赋予外部内蒙古11选五开奖5号的)。

一、div id

1、div使用id

<div id="abc"></div> 

如上代码div标签内直接使用id,id值等于“abc”一个命名。

对应在css中,以井号“#”命名的选择器.

#abc{width:100px} 

设置id=abc的样式宽度为100px

2、div id特点 需要注意
一个id命名在同一个网页中只能使用一次,id具有唯一性,多次使用当然聪明浏览器也是正常解析的,但是语法错误。一定一定要注意同一个命名id在同一个HTML网页中只能使用一次。

二、div class

1、内蒙古11选五开奖5号的使用class

<div class="efg"></div> 

如上代码div标签内使用class其值等于“efg”一个命名。

对应css中,以句号“.”命名的选择器类。

.efg{height:100px} 

设置class=efg的样式高度为100px

2、div class应用
这里看出div id和class其用法语法均相同,都是放入标签内使用,其后面值以等号后面命名为值。而class特点是,一个class(程序上把class也叫类)命名,在同一个html中同一个命名class可以无限次使用(也就是 在一个HTML中命名相同值的class可以根据需求多次重复使用)。

三、div class和div id小实例

1、css代码

.exp{ width:200px; color:#F00; height:100px; border:1px solid #F00} 
#exp{ width:300px; height:80px; color:#00F; border:1px solid #00F}
.abc{ width:150px; color:#0F0; height:60px; border:1px solid #FF0}

2、html代码

<div class="exp"> 
class=exp,css中以.exp命名
</div>
<div id="exp">
id=exp,css中以#exp命名
</div>
<div class="abc">class=abc多次使用</div>
<div class="abc">class=abc多次使用</div>

3、div id class实例截图

id与class在div中使用实例截图
id与class在div中使用实例截图

4、实例说明
这里故意将一个class=exp和id=exp(id和class值)命名相同,但观察,id和class命名虽然相同,但各引入对应CSS(以“#”和“.”命名)样式选择器。所以虽然命名相同但是id和class是不同的。

5、在线演示

查看案例

6、小实例打包免费下载

关于id和class相关文章教程
1、《id class区别与用法
2、《CSS布局时定义id与class有什么区别吗
3、《div id与div class什么意思

相关标签: class id
如需转载,请注明文章出处和来源网址:www.thinkcss.com/css/1121.shtml

日期:2016-11-22 18:17:57 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:css
上一篇:引用css 样式
下一篇:div 字体颜色

热门点击

  • 其实啊也不奇怪,菜做好了先来一份尝尝味道于是提前开吃了。 2019-08-19
  • 十九大精神进机关:原原本本吃透精神 学懂弄通昂扬斗志 2019-08-13
  • 我们是建立市场经济,公有制如何建立市场经济,就要明晰产权,不明晰产权如何建立市场经济? 2019-08-13
  • 2017巴塞尔国际钟表珠宝展 2019-08-11
  • 政务舆情回应如何把握语言分寸感? 2019-08-11
  • 候选案例:机井通电惠民生 2019-08-08
  • 2018年04期 中国国家地理网 2019-08-05
  • 解析视频播控平台黑产链 20元看12家网站VIP会员视频 2019-07-31
  • 西安外国语大学第二十四届校园文化艺术节闭幕式暨第一届朗读者圆满落幕西安外国语大学第二十四届校园文化艺术节-陕西教育新闻 2019-07-31
  • 俄罗斯世界杯今日开战,送上最全观赛指南!你最看好哪支球队? 2019-07-29
  • 《人民日报》让我爱上了文学(原创首发) 2019-07-29
  • 【北京页川车型报价】北京页川4S店车型价格 2019-07-27
  • 河北沧州经济开发区管理委员会 2019-07-24
  • 强村带弱村结对共发展 2019-07-24
  • 《读药》151期:短篇小说——解读蒋一谈《庐山隐士》 2019-07-15
  • 河南快3走势图黑红号 年香港六合彩 光头强公式规律196796com 竟彩足球计算器 开奖号码走势图 竞彩十四胜负彩 3d开奖结果 官方彩票软件 11选五上海爱彩乐 二分彩走势图怎么看性别 北京时时彩3分钟开奖 浙江20选5开奖结果 广东快乐10分走势图电视 4场进球彩开奖玩法 新福建体彩31选7走势图