在这个夏天与Html5不期而遇（五）

时间：2016-07-12 23:14:42 阅读：222 评论：0 收藏：0 [点我收藏+]

标签：

一、字体属性：

选择字体：font-family：value，value。。。。指定字体的显示，按照顺序直到能够匹配

字体的大小：font-size：39px；

字体加粗：font-weight：bold；

字体样式：font-style：italic（斜体）normal；

大写字母：font-variant：normal /small-caps（小型大写字母）

注:font属性

font：style、variant、weight、size、family

不设置的默认

二、文本属性:

文本的颜色：color:red;

文本的排列：text-align：left/right/cennter；

文字的修饰：text-decoration：none/underline；

行高：line-height：30px；

首行文字缩进：text-indent：2em；

文本阴影：text-shaow:5px，5px，5px，red；水平偏移，垂直偏移，模糊值，阴影颜色

white-space：normal；正常溢出

white-space：nowrap；不换行

text-overflow：clip；裁剪

text-overflow：ellipsis；省略使用前需要加Overflow:hidden;　text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden）。只有这样才能实现溢出文本显示省略号的效果。
技术分享

换行：word-wrap：normal/break-word;（正常换行，允许字内换行）

word-break：normal/break-all/keep-all；（正常文本换行，中文换行，英文换行）

在这个夏天与Html5不期而遇（五）

标签：

原文地址：http://www.cnblogs.com/Jabin/p/5665069.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行