css 类选择器和id选择器

工号_026

工号_026

2016-02-19 19:45

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享css 类选择器和id选择器的教程,热爱PS的朋友们快点看过来吧!

  在 CSS 中,类选择器以一个点号显示:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  .center {text-align: center}

  在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。

  在下面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。

  h1 class="center" This heading will be center-aligned /h1 p class="center" This paragraph will also be center-aligned. /p

  *****************************

  id 选择器

  id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以 "#" 来定义。下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

  注意:id 属性只能在每个 HTML 文档中出现一次。想知道原因吗,请参阅 XHTML:网站重构。

展开更多 50%)
分享

猜你喜欢

css 类选择器和id选择器

Web开发
css 类选择器和id选择器

渲染CSS选择器

Web开发
渲染CSS选择器

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jquery CSS选择器笔记

Web开发
jquery CSS选择器笔记

CSS教程:驯服CSS选择器

Web开发
CSS教程:驯服CSS选择器

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS基础教程:Class以及ID选择器

Web开发
CSS基础教程:Class以及ID选择器

CSS教程:简化CSS选择器

Web开发
CSS教程:简化CSS选择器

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

在Oracle中实现各种日期处理完全版

在Oracle中实现各种日期处理完全版

CSS三行三列DIV高度自适应的设置

CSS三行三列DIV高度自适应的设置
下拉加载更多内容 ↓