文本大小的设置
1.属性:font-size
2.属性值:数值加单位(网页中常用的单位像素px)
- 在浏览器中默认的字体大小是16px
- 由于浏览器存在差异,官方规定最小的字体只能是12px
- 除了px单位还有很多其他可用单位
- pt、em、rem、%、deg、vw、vh、vamx、vmin、rpx
- em:相对单位,相对有父级元素计算 常用于首行缩进
字体类型属性
1.属性:font-family
2.属性值 (字体名称)
- 在浏览器中默认的字体类型是微软雅黑(商用收费),win系统默认的是宋体/新宋体
- 中文属性值:建议加引号(双/单)
- 英文属性值:当属性值只有一个英文单词的时候可以省略引号,有多个必须添加引号
- 在使用设置的字体时候需要在本地中有下载字体包
加粗和倾斜的属性
一.加粗属性
1.属性:font-weight
2.属性值
- 设置100~900之间的整百数(100~500表示正常字体,600~900表示加粗字体)
- bold/bolder 加粗的/更粗的
- 重要:normal 清除默认的加粗样式
二:倾斜属性
1.属性:font-style
2.属性值
- italic(斜体字)
- oblique(倾斜的文字)
- 重要:normal 清除默认的倾斜样式
文本对齐方式的设置
一:垂直方向对齐方式
1.属性:line-height
2.解释:基线,多行文本之间从第一行顶部到第二行顶部的间距
3.重点:设置行高和容器高度一样的时候,单行文本就会在垂直方向居中显示
二:水平方向对齐
1.属性:text-align
2.属性值
- left、right、center
- justify 两端对齐 (文本溢出时使用)
复合属性写法
1.属性:font
2.属性值:font-weight font-style font-size/line-height font-family
- font-weight font-style 没有需求可以不写并且位置可以互换
- font-size/line-height 不可以换位置
- font-family无论是否有需求都必须写
字体颜色
1.属性:color(不要写成font-color)
2.属性值:
- 英文单词、十六进制
- rgb/rgba(red,green,blue,alpha) 透明度0~1
- 十六进制透明度 #00000099 取值10~99
- opacity 0~1
文本修饰属性
1.属性:text-decoration
2.属性值
- underline 下划线
- overline 上划线
- line-through 删除线 del、s
- 重要:none 清除默认的下划线样式
首行缩进
1.属性:text-indent
2.属性值
- px、em
- 首行缩进属性只针对于第一行文本起作用
- 只能在块级元素中使用(设置宽高大小的盒子)
中文汉字的间距设置
1.属性:letter-spacing
2.属性值: px
文本溢出属性:overflow: hidden;