选择器、font、<link>标签的rel &

2016-12-20  本文已影响209人  jlnbda3488375

** 选择器 **

< 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。

在Helvetica字体不可用时自动降级使用Sans-Serif字体,使用如下CSS样式:

p {
font-family: Helvetica, Sans-Serif;
}


上一篇下一篇

猜你喜欢

热点阅读