前端之路随笔小记——id VS class
来源:互联网 发布:淘宝退款写了假冒品牌 编辑:程序博客网 时间:2024/05/22 23:42
昨天制作的菜谱中用到了id和class两种属性,通过查阅资料基本掌握了二者的使用原理及异同,现做简单归纳:
(1)首先我们在布局时经常会用到div元素,它能使我们对某一特定区域做特殊处理,个人理解相当于java中的封装机制,而与之相关联的属性有id,class等,二者都可以丰富div区域的内容,使得程序更加简洁而又条理性。
(2)id,顾名思义,身份证,具有唯一性。它为一个元素分配唯一的名字,而在一个页面中这个名字只能使用一次,可用在具有特殊用途的元素的标注;而class则可被多次使用,对于类似的模块使用class可提高代码性能,缓解带宽资源的浪费。
(3)id值只能以字母或者下划线开始,不能以数字作为开始,在命名时尽量使用英文,一律小写,不要加中杠或者下划线,这一规则各有说辞,我们还是尽量做到规范,虽然有些解释器并不会报错……
(4)class的创建如 .class1{xxxx};使用时直接class="class1"即可;id的创建如 #id1{xxxxx},使用时直接id="id1".
(5)class是一个样式,先定义好, 然后可以套给多个结构和内容, 便于复用; id是一个标签,找到结构或内容,再给它定义样式,可用于区分不同的结构和内容。
(6)id的优先级比class高,写了段小代码,一目了然:
阅读全文
1 0
- 前端之路随笔小记——id VS class
- 前端之路随笔小记——id和class的扩展
- 前端之路随笔小记——属性:lang VS charset
- 前端之路随笔小记——float浮动 VS clear清除浮动
- 前端之路随笔小记——height:100%
- 前端之路随笔小记——display属性
- web前端小记之随笔
- 前端之路随笔小记:position属性详解
- 随笔小记之编码
- 网页布局id vs class
- c++随笔之class
- 随笔小记
- 《编写高质量代码——Web前端开发修炼之道》读后随笔
- CSS——id 和 class 选择器
- 学习之路——随笔
- oracle小记之取最大值作为id
- Django学习小记[6]——Class-based View
- 开发随笔——NOT IN vs NOT EXISTS
- 10.1 运维作业 钱佩雨
- 微信小程序组件(五)progress
- (算法分析Week5)Palindrome Number[Easy]
- 关于在VM Workstation 安装Centos 与hadoop所遇见的问题及解决方案
- MySQL 临时表
- 前端之路随笔小记——id VS class
- 算法(一)——算法特性
- PHP基础学习day5(继承)
- Linux基础练习题(3)
- 计蒜客 泥塑课 java练习
- C语言求累加
- HDU 1160(记录路径的最长上升子序列)
- 覆写和重载
- UVA 1590 IP Networks(暴力)