选择器、font、<link>标签的rel &
** 选择器 **
< style>
.silen{color:blue;}
< /style>
< h2 class="silen">html编程入门教程< /h2>
注意:在CSS中,类选择器应该添加 . 为前缀。
而在HTML中,class属性不能添加.为前缀。
这是因为在CSS中如果类选择器前不添加. 浏览器就会误认为类选择器是一个元素选择器。
** font**
font-family字体
font-size字号
< style>
.red-text {
color: red;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
** <link>标签的rel属性 **
rel 属性规定当前文档与被链接文档之间的关系。
只有 rel 属性的 "stylesheet" 值得到了所有浏览器的支持。其他值只得到了部分支持。
< head>
< link rel="stylesheet" type="text/css" href="theme.css" />
< /head>
stylesheet是文档的外部样式表。
type 属性规定被链接文档的 MIME 类型。该属性最常见的 MIME 类型是 "text/css",该类型描述样式表。
link标签来引入谷歌的Lobster字体,之后才可以将Lobster作为font-family属性应用在对应位置:
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
** 字体降级 **
有几种默认的字体是所有浏览器都可用的,包括Monospace、Serif和Sans-Serif。
- Monospace:等宽字体
- Serif:衬线字
- Sans-Serif:非衬线字
在Helvetica字体不可用时自动降级使用Sans-Serif字体,使用如下CSS样式:
p {
font-family: Helvetica, Sans-Serif;
}