快三内蒙古快三走势图: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-04-21
  • 张琳芃球衣事件折射中超不职业 因打亚冠要多道程序 2019-04-21
  • 出租广州市番禺区大龙街东兴路476号4楼物业空置部分 2019-04-17
  • 美媒盘点地球上最强5款战略核潜艇:毁灭世界比外卖都快 2019-04-17
  • 董卿白岩松朱广权 看看央视主持人大学就读啥院系 2019-04-16
  • 第十二届中国(南宁)国际园林博览会相约绿城冬季 2019-04-16
  • 第518期:讨厌萝卜味?它可是抗癌的高手 2019-04-01
  • 这些中药串起来竟然是首诗 知道它们治什么病吗?(图) 2019-04-01
  • 致敬幸福奋斗者:访全国三八红旗手标兵 2019-03-31
  • 2017年我国门诊抗菌药物使用率下降到7.7% 2019-03-29
  • 认为要彩礼是侮辱 男子与妻子结婚不到15分钟就离婚 2019-03-29
  • 续写“八八战略”新篇章 2019-03-28
  • 袁隆平:多养活5亿人是我的梦想研究 水稻 2019-03-28
  • 2018年4月27日划拨国家社科基金项目鉴定费名单(2) 2019-03-24
  • 治脂肪肝不能光靠减肥 2019-03-24