王老师html零基础学习笔记第6课——-font-size+特殊字符

原创 老王  2020-05-04 15:36:10  阅读 524 次 评论 0 条
摘要:

font字体设置在html里面是经常涉及到的,调整字体的大小属性,包括CSS样式的设置属性

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 允许在单词内换行;

常用特殊符号

王老师html零基础学习笔记第6课——-font-size+特殊字符  html 前端 笔记 第1张

所有特殊字符查看


本文地址:http://wangfangwen.com/post/74.html
版权声明:本文为原创文章,版权归 老王 所有,欢迎分享本文,转载请保留出处!
阿里云服务器优惠券
减肥不为美,只为走路不磨腿,付出不亚于任何人的努力,成功永远没有尽头,只有岔路口...

发表评论


表情

还没有留言,还不快点抢沙发?