css样式(font+text)+特殊符号
一、color 控制字体颜色
1、十六进制值 #CC0066 #000 2、颜色单词
二、font-size 控制字体大小
单位: px 像素 % 相对于父元素 em 取决自己使用字体大小 rem 取决于根元素html的字体大小
三、font-family 控制字体的类型
font-family:"黑体";(默认为微软雅黑)
四、font-style控制字体风格
normal:默认 italic:显示斜体的字体样式 oblique:显示倾斜的字体样式
五、font-weight 控制字体的粗细
1.关键词: font-weight: bold加粗/normal正常 2. 数字: font-weight: 100-900; 400=normal 700=bold
六、font-variant规定小型大写字母的字体
normal 默认值(正常显示)。 small-caps 小型大写字母。
七、字体复合样式:
Font的基本形:font:font-size font-family font:font-weight font-variant font-style( font-size/line-height font-family)
CSS控制文本
text-align 控制文字水平方向位置
1、left 水平距左 默认值 2、center 水平距中 3、right 水平距右
line-height 文字在竖直方向距中显示
line-height:25px;
text-decoration 向文本添加修饰
1、none 默认。 定义标准的文本。 2、underline 定义文本下的一条线。 3、overline 定义文本上的一条线。 4、line-through 定义穿过文本的一条线。
text-indent 缩进文本
1、em做单位 text-indent:2em; 1em代表一个汉字的距离 2、px做单位 text-indent:20px 16px=1em; 3、百分比 text-indent:200%;百分数要相对于缩进元素父元素的宽度。 4、使用负值 text-indent:-2em;
text-overflow (css3)规定当文本溢出时处理方式;
white-space:nowrap; clip:修剪文本 ellipsis 被修剪的文本用略符号来代表(....)。
text-transform控制文本中的字母
none:默认,定义带有大写字母和小写字母的标准的文本 capitalize:文本中的每个单词以大写字母开头 uppercase:定义仅有大写字母 lowercase:定义仅有小写字母
letter-spacing 字(字母)间距
letter-spacing:20px;
word-spacing 词(单词)间距
word-spacing:20px;
white-space 换行方式
normal 默认 nowrap 文本不会换行,文本会在在同一行上继续,直到遇到
标签为止。
word-break: 强制换行
normal 默认 break-all 允许在单词内换行;
发表评论