您现在的位置是: 首页 » 网页代码 » css中id是什么意思
网页代码

css中id是什么意思

网站优化小编十一月 7, 2019 8人已围观

id代表的是id选择器。id选择器可以为标有特定id的HTML元素指定特定的样式。下面网页制作代码教程栏目就来给大家介绍一下id选择器,希望对大家有所帮助。

网站运营中栏目排名优化技巧

ID 选择器允许以一种独立于文档元素的方式来指定样式。在某些方面,ID 选择器类似于类选择器,不过也有一些重要差别。

语法

ID选择器以 "#" 来定义,前面有一个 # 号 - 也称为棋盘号或井号。

下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:

#red {color:red;}#green {color:green;}

下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色。

<p id="red">这个段落是红色。</p><p id="green">这个段落是绿色。</p>

注意:id 属性只能在每个 HTML 文档中出现一次。

区分大小写

ID 选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和 ID 值定义为区分大小写,所以类和 ID 值的大小写必须与文档中的相应值匹配。

因此,对于以下的 CSS 和 HTML,元素不会变成粗体:

#intro {font-weight:bold;}<p id="Intro">This is a paragraph of introduction.</p>

由于字母 i 的大小写不同,所以选择器不会匹配上面的元素。

示例:

<!DOCTYPE html><html><head><meta charset="UTF-8"><style type="text/css">#intro {font-weight: bold;}</style></head><body><p id="intro">This is a paragraph of introduction.</p><p>This is a paragraph.</p><p>This is a paragraph.</p><p>This is a paragraph.</p><p>...</p></body></html>

效果图:

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:202天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:2605 条
  • 文章评论:5 条
  • 微信公众号:扫描二维码,关注我们