css经常使用语法续集

1   设置字体  body{font-familly：“宋体”}

2  

能够使用下面代码设置网页中文字的字号为12像素，并把字体颜色设置为#666(灰色)：

body{font-size:12px;color:#666}

3

如下代码能够实现文字以斜体样式在浏览器中显示：

p a{font-style:italic;}

<p>三年级时，我仍是一个<a>胆小如鼠</a>的小女孩。</p>

4

咱们还能够使用css样式来改变文字的样式：粗体、斜体、下划线、删除线，能够使用下面代码实现设置文字以粗体样式显示出来。

p span{font-weight:bold;}

在这里你们能够看到，若是想为文字设置粗体是有单独的css样式来实现的，再不用为了实现粗体样式而使用h1-h6或strong标签了。

5

有些状况下想为文字设置为下划线样式，这样能够在视觉上强调文字，能够使用下面代码来实现：

p a{text-decoration:underline;}

<p>三年级时，我仍是一个<a>胆小如鼠</a>的小女孩。</p>

6

上图中的原价上的删除线使用下面代码就能够实现：

.oldPrice{text-decoration:line-through;}、

7p{text-indent:2em;}  缩进

8中文字间距1   字母间距

h1{
    letter-spacing:50px;
}
...
<h1>了不得的盖茨比</h1>

9

想为块状元素中的文本、图片设置居中样式吗？能够使用text-align样式代码，以下代码可实现文本居中显示。(那么什么是块状元素呢？在后面的11-一、11-2小节中会讲到。)

h1{
    text-align:center;
}
<h1>了不得的盖茨比</h1>

一样能够设置居左：

h1{
    text-align:left;
}
<h1>了不得的盖茨比</h1>

还能够设置居右：

h1{
    text-align:right;
}
<h1>了不得的盖茨比</h1>