介紹幾個文字樣式,有興趣的朋友可以看一下。
: large small 相對父元素的大或小
font-family:"宋体","微软雅黑"; //解决多个系统兼容性问题 escape("微软雅黑") font-family:"%u5FAE%u8F6F%u96C5%u9ED1" == font-family:"微软雅黑"
襯線字體 serif
無襯線字體 sans- serif
//一般為了相容性都要加上當中的一個,避免目前系統沒有設定的字體
font-weight: normal(400) | bold(700) | bolder | lighter |100 ~ 900
font-style: normal | italic(斜体,使用斜体样式,字体如果没有斜体样式就正常显示) |oblique(强制斜体)
letter-specing : 数字可以是负数 text-decoration: none //取消下划线 word-specing : 数字 字间距 //letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白,而word-spacing添加每个单词之间的空白。请大家注意,word-spacing对中文无效。(其实添加空格也可以有效)
行高 == 0.5倍行距 + 文字Top + 文字Bottom + 0.5倍行距 注意有顺序,至上而下的 另一个定义: 两段文字之间 两条基线的距离 1.5em = 1.5 = 150%
text-decoration = none; //删掉修饰 text-decoration=underline //下划线 text-decoration=line-through //删除线 text-decoration: overline//顶线
white-space :normal //超过p边界宽度就换行 white-space :nowarp // 只要没遇到换行符,一直往后放 white-space: pre // html原格式显示(计算源代码中的空格和换行)
word-break :normal //不打断单词 word-break :break-all; //打断单词 word-break: keep-all // 不允许换行,除了遇到空格,换行
【相關推薦】
1. 免費css線上影片教學
2. css線上手冊
#以上是必須掌握的CSS文字樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!