style常用样式

2017-08-16  本文已影响0人  Gorden_x

1.颜色:color
<style>
h2 {
color:red;
}
</style>

或:
<style>
.red-text {
color: red;
}
</style>
<h1 class="red-text">文本</h1>

2.字号:font-size
<style>
h1 {
font-size: 30px;
}
</style>

3.字体:font-family
<style>
h2 {
font-family: Sans-serif;
}
</style>

4.link标签来引入谷歌Lobster字体。
<link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css">
link标签解析:http://www.w3school.com.cn/tags/tag_link.asp

5.当某种字体不可用时,你可以让浏览器自动降级到另一种字体。
p {
font-family: Helvetica, Sans-Serif;
}
当 Helvetica不可用时,会降级使用Sans-Serif

一般浏览器都支持:Monospace、Serif和Sans-Serif字体.

上一篇下一篇

猜你喜欢

热点阅读