初学前端之CSS常用的几种选择器

id 选择器

id选择器用#标识

定义id为red的标签颜色为红色

1
#red{color:red}

则下面的HTML代码p标签会被渲染成红色

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

类选择器

类选择器用.来标识

定义一个位置居中的类选择器

1
.center{text-align:center}

下面代码,中h1标签会居中显示

1
<h1 class="center">This heading will be center-aligned</h1>

标签选择器

设置一些常见标签的样式

设置h1的字体大小为12px

1
h1{font-size:12px}

html代码

1
<h1>字体大小为12px</h1>