css id是什么？

id英文中有身份证意义。去银行填写发汇、收汇单时候（比如西联汇款单）就有一项填写ID内容地方，代表填写身份证号码。

那么ID就具有唯一的特性，非常重要的。在div css中id也具有唯一的特点。

一、CSS中id

1、html代码中id
在CSS div布局时，也会用到id

id语法结构与应用

<div id="abc">内容</div>
<p id="cba">内容</div>

说明：以上代码abc和cba都是自己取的命名。

CSS里id我们叫id选择器,id 选择器在CSS代码以 "#" 来定义。

2、#与id关系
CSS代码：

#aaa{font-size:24px}
#bbb{width:100px; border:1px solid #F00}

HTML代码：

<div id="aaa">我字体大小为24px</div>
<p id="bbb">我的宽度为100px，红色边框</p>

截图：

css中# 与html标签内id对应实例

css中以#命名选择器样式，在HTML标签中使用id进行应用。

二、id特点

DIV CSS布局中id非常重要，一般布局大结构、重要的地方使用id或有需要唯一的地方使用id，一个网页中只能使用一次同一命名的id。

1、错误的
一个网页中多次使用相同命名的id

<div id="abc">内容1</div>
<div id="abc">内容2</div>
<p id="abc">内容3</p>

以上同一网页中多次使用”id=abc”,虽然CSS是能实现，但是HTML语法是错误的。同一网页中id具有使用唯一性。

2、正确的
一个网页中多次使用不同命名id

<div id="ab">内容1</div>
<div id="bc">内容2</div>
<p id="cd">内容3</p>

以上虽然多次使用id但是命名不同所以是正确的。