CSS Id 和 Class

2019独角兽企业重金招聘Python工程师标准>>>

id 和 class 选择器

如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。

id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

以下的样式规则应用于元素属性 id="para1":

实例：

#para1
{
text-align:center;
color:red;
}

ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。

class 选择器

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。

class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：

在以下的例子中，所有拥有 center 类的 HTML 元素均为居中。

.center {text-align:center;}

你也可以指定特定的HTML元素使用class。

在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:

p.center {text-align:center;}

类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。

转载于:https://my.oschina.net/wybo521/blog/601779

CSS Id 和 Class相关推荐

php 获取class id,CSS Class 與 CSS ID
CSS 教學 > CSS Class 與 CSS ID 在 CSS 語法那一頁中, 我們有提到,Class 及 ID 都是使用者設定的選擇器 (selector).以下分別介紹: Class ...
Html和css的class和id的命名,[HTML] CSS Id 和 Class选择器
id 和 class 选择器如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. id 选择器 id 选择器可以为标 ...
CSS ID选择器与CLASS选择器
在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. 属性选择器可以根据元素的属性及属性值来选择元素. 三种基本的选择器类型:标签名选择器.类选择器.ID选择器具体语法 ...
CSS起名表 (css ID CLASS名称参考)
CSS起名表元素:element 页头:header 登录条:loginbar 标志:logo 侧栏:sidebar 广告:banner 导航:nav 子导航:subnav 菜单:menu 子菜单: ...
html类选择器和id选择器,CSS Id 和 Class选择器
CSS Id 和 Class选择器如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. 一.id 选择器 id 选择 ...
6、CSS Id 和 Class类选择器
id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义. 下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二 ...
CSS——id 和 class 选择器
id 选择器 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义.ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中 ...
雷林鹏分享：CSS Id 和 Class
如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. id 选择器 id 选择器可以为标有特定 id 的 HTML 元 ...
CSS - id选择器和类选择器
文章目录类选择器一 .类选择器 1. 语法二 .类选择器 - 多类名 1. 多类名使用方式三.案例 ID选择器一.id选择器的使用 1. 语法 2. 注意二.id选择器和类选择器的区别类 ...

CSS Id 和 Class

id 和 class 选择器

id 选择器

class 选择器

CSS Id 和 Class相关推荐

最新文章

热门文章