标签选择器其实就是 html 代码中的标签. 如右侧代码编辑器中的 < HTML>,<body>,<h1>,<p>,<img>. 例如下面代码:
p{font-size:12px;line-height:1.6em;}
上面的 CSS 样式代码的作用: 为 p 标签设置 12px 字号, 行间距设置 1.6em 的样式.
类选择器
类选择器在 CSS 样式编码中是最常用到的, 如右侧代码编辑器中的代码: 可以实现为 "胆小如鼠","勇气" 字体设置为红色.
语法:
. 类选器名称{CSS 样式代码;}
注意:
1, 英文圆点开头
2, 其中类选器名称可以任意起名(但不要起中文噢)
使用方法:
第一步: 使用合适的标签把要修饰的内容标记起来, 如下:
<span > 胆小如鼠</span>
第二步: 使用 class="类选择器名称" 为标签设置一个类, 如下:
<span class="stress">胆小如鼠</span>
第三步: 设置类选器 CSS 样式, 如下:
.stress{color:red;}/* 类前面要加入一个英文圆点 */
ID 选择器
在很多方面, ID 选择器都类似于类选择符, 但也有一些重要的区别:
1, 为标签设置 id="ID 名称", 而不是 class="类名称".
2,ID 选择符的前面是井号 (#) 号, 而不是英文圆点(.).
右侧代码编辑器中就是一个 ID 选择符的完整实例.
如果大家对于学习 web 前端有任何问题 (学习方法, 学习效率, 如何就业) 可以随时来咨询我, 这是我的 Web 前端交流学习裙:
居于前列的一排数字是: 484
处于中间地带的数字是: 757
最后位于尾部的数字是: 760
来源: http://www.jianshu.com/p/3cba0097244f