您的位置:首页 > CSS入门 > 【 返回上一页

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对应实例

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但是命名不同所以是正确的。

相关标签: id
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/css/1170.shtml

日期:2016-12-12 21:29 www.thinkcss.com css
上一篇:css 是什么?
下一篇:div css 是什么?

热门点击