HTML，CSS里面关于 id，class，name 属性的区别和用法

1、id: id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称。

用法：若一个标签的id="myid",那么使用它的时候通过”$("#myid")“来获取当前标签或使用“#myid{}”来定义CSS样式。

2、class：根据用户定义的标准对一个或多个元素进行标记和定义，一个标签可以有多个class，例如class="myclass1 myclass2",当前标签就有两个class，分别为myclass1和myclass2。

用法：若一个标签有一个class="myclass",那么获取这个标签可以使用$(".myclass"),同时使用”.myclass{}“来定义CSS样式。

3、name：从名字可以知道这是用于定义一个标签的名字的属性，name可用于数据获取，常用于表单数据的获取。

用法：若一个输入框的name="myname" ，常用request.getparameter("myname")来获取当前输入框的值。

题主的例子#search { float: right width: 305px height: 76px}中的#是css层叠样式表中的ID选择器。

在一个HTML文档中,CSS ID 选择器会根据该元素的ID属性中的内容匹配元素，元素ID属性名必须与选择器中的ID属性名完全匹配，此条样式声明才会生效。语法如下：

#id属性 {样式声明 }

扩展资料

css层叠样式表有ID选择器、元素选择器、类选择器。

1、css层叠样式表中的ID选择器示例：

<div id="search" ></div>

<style>#search {  float: right  width: 305px  height: 76px}</style>

2、css层叠样式表中的元素选择器语法和示例

语法：元素 {样式声明 }

示例：<span>这里是由 span 包裹的一些文字.</span>

<style>span { background-color: DodgerBluecolor: #ffffff}</style>

3、css层叠样式表中的类选择器语法和示例

语法：.类名 {样式声明 }

示例：<div class="search" ></div>

<style>.search{background-color: DodgerBlue}</style>

---