手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >大家看了就明白了css样式中类class与标识id选择符的区别小结
大家看了就明白了css样式中类class与标识id选择符的区别小结
摘要:你可以用类选择符class和标识选择符id来定义自己的选择符。这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。...

你可以用类选择符class和标识选择符id来定义自己的选择符。

这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。

在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前。

看起来像这样:

#top{background-color:#ccc;padding:1em}.intro{color:red;font-weight:bold;}

HTML与CSS的连接用属性id和class。像这样:

<divid="top"><h1>Chocolatecurry</h1><pclass="intro">Thisismyrecipeformakingcurrypurelywithchocolate</p><pclass="intro">Mmmmmmmmmm</p></div>

id和class不同之处在于,id用在唯一的元素上,而class则用在不止一个的元素上。

你也可以为一个指定的HTML元素应用选择符,把HTML选择符放置在前面就可以了,所以,p.jam{whatever}会应用在有类“jam”的段落上。

一个id名称在一个页面里面通常是唯一定义的,因此在页面里定义css通常建议使用class,这样你可以重复使用你的css.而把id留给最需要使用html元素的javascript等

【大家看了就明白了css样式中类class与标识id选择符的区别小结】相关文章:

谈CSS的标准和最佳示例-Div+CSS教程

动态加载外部css或js文件

CSS常用中文字体大全

css24个canvas基础知识小结

CSS line-height行高上下居中垂直居中样式属性

div中class与id的区别及应用

DIV+CSS标准化网页设计常用学习方法与技巧

如何进行CSS布局

详解CSS的规范及技巧

文字环绕图片的布局效果

精品推荐
分类导航