设计师学习HTML/CSS之路-10

不了解前端的UI不是好美工，以下是慕课网HTML+CSS基础教程学习笔记，不废话，Start!

第10章 CSS格式化排版

10-1 文字排版-字体

body{font-family:"Microsoft Yahei";}

选择器{font-family:"字体";}

10-2 文字排版-字号、颜色

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

10-3 文字排版-粗体

p span{font-weight:bold;}

10-4 文字排版-斜体

p span{font-style:italic;}

10-5 文字排版-下划线

p a{text-decoration:underline;}

10-6 文字排版-删除线

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

10-7 段落排版-缩进

p{text-indent:2em;}

10-8 段落排版-行距

p{line-height:1.5em;}

10-9 段落排版-中文字间距、字母间距

汉字或字母间距：
h1{letter-spacing:50px;}

单词间距：
h1{word-spacing:50px;}

10-10 段落排版--对齐

为块状元素中的文本、图片设置对其样式。

左
h1{text-align:left;}

中
h1{text-align:center;}

右
h1{text-align:right;}

除了文字，也可以对div起作用。

div{text-align:center;}