css中id和class的定义格式、使用技巧及选择

站长资源 2024/11/24 佚名

2 0 1

定义格式：

形如id="aaa"定义的,在css中是这样设置其样式的：
#aaa{ 样式列表 }

而以class="bbb"形式定义的，在css中应该这样设置其样式：
.bbb{ 样式列表 }
（注意前面有一个点）

ID与CLASS的使用技巧

1. 子级的命名的包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。
2. CLASS中的子级最好不用ID。当然特殊情况特殊对待。
3. CLASS的命名最好命名用大小写合用。例 .newMovie 这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头。

id的使用原则

我们知道id具有唯一性，也就是说在整个xhtml中id是不能重复的，所以我们在写网页的时候，大的结构用id，比如：logo、导航、主体内容、版权等，根据命名规范分别命名为#logo、#nav、#contenter、#copyright。还有一种情况就是：我们要通过js作用一个层，以实现某种效果的时候，用id。这也是由id的唯一性决定的。

class的使用原则

class在css定义中具有普遍性，可以无限次的重复使用，这也体现了div+css布局的优越性。class常用于结构内部，这样做的好处是有利于网站代码的后期维护与修改，这样会让所有的class成为id的子级或者孙级。

备注：

若出现重复定义时，从优先级来看是：
Style ＞ ID ＞ Class ＞缺省的Html元素

css,id,class

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“css中id和class的定义格式、使用技巧及选择”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年11月24日

css中id和class的定义格式、使用技巧及选择

css中display和visibility的用法和区别介绍

css页面中常见左中右分栏布局的两种实现方式

评论“css中id和class的定义格式、使用技巧及选择”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接