CSS格式化排版
2014-11-10 16:36
225 查看
用CSS样式为网页中的文字设置字体,字号,颜色等属性
字体:
body{font-family:"Microsoft Yahei"}
字号,颜色:
body{font-size:12px;color:#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;}
行间距:
设置行间距为1.5倍
p{line-height:1.5em;}
文字间距:
h1{
letter-spacing:20px;
}
单词间距:
h1{
word-spacing:50px;
}
对齐:
居中
h1{
text-align:center;
}
居左
h1{
text-align:left;
}
居右
h1{
text-align:right;
}
字体:
body{font-family:"Microsoft Yahei"}
字号,颜色:
body{font-size:12px;color:#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;}
行间距:
设置行间距为1.5倍
p{line-height:1.5em;}
文字间距:
h1{
letter-spacing:20px;
}
单词间距:
h1{
word-spacing:50px;
}
对齐:
居中
h1{
text-align:center;
}
居左
h1{
text-align:left;
}
居右
h1{
text-align:right;
}
相关文章推荐
- CSS格式化排版
- CSS格式化排版
- CSS格式化排版
- css格式化排版
- CSS格式化排版
- CSS——NO.5(格式化排版)
- Css格式化排版与布局
- [置顶] CSS格式化排版
- CSS格式化排版
- html学习第二天—— 第九、十章——CSS的继承、层叠和特殊性+CSS格式化排版
- HTML+CSS之CSS格式化排版 (7)
- HTML5 CSS格式化排版
- CSS格式化排版(文字排版)
- CSS:样式、选择器、特性、格式化排版
- 10-CSS格式化排版
- CSS格式化排版+常用缩写和值设置
- CSS格式化排版
- Web开发之CSS格式化排版
- CSS格式化排版---第六系列
- HTML+CSS之CSS格式化排版 (7)