css字体样式
css字体样式
font-size :字体⼤⼩
font-size属性⽤于设置字号,该属性的值可以使⽤相对单位长度,也可以使⽤绝对单位长度。
相对长度单位说明
em相对当前对象内⽂本的字体尺⼨
px像素最常⽤推荐使⽤
绝对长度单位说明
in英⼨
cm厘⽶
mm毫⽶
pt点
font-family:字体
font-family属性⽤于设置字体。⽹页中常⽤的字体有宋体、微软雅⿊、⿊体等,例如将⽹页中所有的段落⽂本的字体变⿊,可以使⽤css样式代码:p {font-family: "微软雅⿊";}
1.现在⽹页中普遍使⽤14px+。
2.尽量使⽤偶数字号的字体.ie6等⽼数浏览器⽀持奇数号字体有bug
3.各种字体之间必须使⽤英⽂状态下的逗号隔开。
4.中⽂字体需要加英⽂状态下的符号,英⽂字体⼀般不需要加引号。当需要设置引英⽂字体时,英⽂字体名必须位于中英⽂字体名之间。
5.如果字体名中包含空格、#、$等符号时,则该字体必须加英⽂状态下的单引号或双引号,如`font-family:"times new roman"`
6.尽量使⽤系统默认字体,保证在任何⽤户浏览器中都能正确显⽰
unicode字体
浏览器兼容性好,去编码表中查看对⽤字体
font-weight:粗细
bold:加粗
normal:正常
bolder:特粗体
lighter:细体
400:相当于normal 正常
700:相当于bold 加粗
font-style:字体样式
normal:正常
italic:斜体
oblique:倾斜的字体
字体连写
格式:选择器 {font:font-style font-weight font-size/line-height font-family;}
font-size和font-family是必写项
字体的外观属性
color:⽂本颜⾊
color属性⽤于定义⽂本的颜⾊,其取值⽅式有3中:
fontweight属性bold预定义颜⾊值:如red、green、blue等
⼗六进制,如#FF0000、FF6600等
RGB代码,如红⾊可以⽤rgb(255,0,0)
line-height:⾏间距
line-height属性⽤于设置⾏间距,就是⾏与⾏之间的距离,即字符的垂直间距,⼀般为⾏⾼。常⽤的属性值单位有三种,分别为像素px,相
对值em和百分⽐%,实际⼯作中使⽤最多的就是像素px
text-align:⽔平对齐⽅式
text-align属性⽤于设置⽂本内容的⽔平对齐,相当于html中align对齐属性left:左对齐
right:右对齐
center:居中对齐
text-indent:段落⾸航缩进
text-indent:2em
em:⼀个字的距离
text-decoration ⽂本的装饰
text-decoration 通常我们⽤于给链接修改装饰效果
值描述
none默认,定义标准的⽂本
underline定义⽂本下的⼀条线。下划线也是我们链接⾃带的overline定义⽂本上的⼀条线
line-through定义穿过⽂本下的⼀条线

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。