CSS格式化排版
2017-03-09 17:13
204 查看
4.1文字排版--字体
我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}
这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。)
现在一般网页喜欢设置“微软雅黑”,如下代码:
body{font-family:"MicrosoftYahei";}
或
body{font-family:"微软雅黑";}
注意:第一种方法比第二种方法兼容性更好一些。
4.总结
font-family:设置字体;font-size:字体大小;
font-weight:bold:设置为粗体样式;
font-style:italic:设置为斜体样式;
text-decoration:underline:文字设置下划线;
text-decoration:line-through:删除线;
text-indent:2em:段落首行缩进;(注意:2em的意思就是文字的2倍大小。)
line-height:2em:行高(行间距);
letter-spacing:50px 文字间隔,word-spacing:50px 英文单词间距(对中文无效)
letter-spacing:20px:字母间距;
text-align:center:水平居中对齐; 段落排版对齐方式left,right
参考:
第10章 CSS格式化排版 https://www.imooc.com/code/2076
相关文章推荐
- css格式化排版
- CSS格式化排版
- CSS格式化排版
- CSS格式化排版
- CSS格式化排版
- Css格式化排版与布局
- [置顶] CSS格式化排版
- CSS——NO.5(格式化排版)
- CSS格式化排版
- html学习第二天—— 第九、十章——CSS的继承、层叠和特殊性+CSS格式化排版
- HTML+CSS之CSS格式化排版 (7)
- CSS格式化排版(文字排版)
- CSS:样式、选择器、特性、格式化排版
- HTML5 CSS格式化排版
- 10-CSS格式化排版
- CSS格式化排版+常用缩写和值设置
- CSS格式化排版---第六系列
- CSS格式化排版
- Web开发之CSS格式化排版
- HTML+CSS之CSS格式化排版 (7)