课程地址:《HTML+CSS基础课程》
本文为慕课网课程《HTML+CSS基础课程》学习笔记
CSS格式化排版
- 字体
body{font-family:"字体";}
这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。)
- 字号、颜色
body{font-size:12px(字号);color:#666(字体颜色)}
可以使用上面代码设置网页中文字的字号为12像素,并把字体颜色设置为#666(灰色)
- 粗体
p span{font-weight:bold;}
- 斜体
p a{font-style:italic;}
- 下划线(在视觉上强调文字)
p a{text-decoration:underline;}
- 删除线
.oldPrice{text-decoration:line-through;}
- 缩进
中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现:
p{text-indent:2em(文字的2倍大小);}
- 行间距(行高)
p{line-height:1.5em;}
- 中文字间距、字母间距
h1{
letter-spacing(设置字母与字母之间的间距):50px;
}
h1{
word-spacing(单词间距设置):50px;
}
- 对齐(为块状元素中的文本、图片设置居中样式)
h1{
text-align:center(设置居中);
}
h1{
text-align:left(设置居左);
}
h1{
text-align:right(设置居右);
}