css 字体属性与文本属性

字体属性

字体大小

font-size:12px;
font-size:2em;

注意:em是根据父元素的大小来的决定的,即2em的大小是父元素的两倍。

字体风格

font-style:italic;
font-style:normal;

italic和oblique,都表示斜体的意思。

字体的粗细

​font-weight: bold;
font-weight: lighter;
font-weight: 100;

注意:300即浏览器显示最细字体,即使设置更细的字体也不会有效果,粗体同理600也是极限。

字体类型

font-family: Times,"Times New Roman", "楷体";

Times,"Times New Roman", "楷体"让浏览器依次识别采用,均无法识别则用浏览器默认样式。

字体属性的表达

.p1{
    font-family: 宋体;
    font-size: 30px;
    font-style: italic;
    font-weight: bold;
}
.p2{
    font:italic bold 30px 宋体;
}

p1和p2字体属性相同

注意:font属性的字体属性的顺序:字体风格→字体粗细→字体大小→字体类型。

文本样式

color属性

color:rgb(255,0,0);
color:#FF0000;
background:rgba(255,0,0,0.5)

RGB:rgb(r,g,b) : 正整数的取值为0~255,十六进制方法表示颜色。

RGBA:在RGB基础上增加了控制alpha透明度的参数,其中这个透明通道值为0~1。

排版文本段落

text-align:

说明
left把文本排列到左边。默认值:由浏览器决定
right把文本排列到右边
center把文本排列到中间
justify实现两端对齐文本效果

注意:两端对齐只正针对与文字

首行缩进

text-indent: 2em;

注意:em是根据父元素的字体大小来的决定的,如果父元素没有会向上寻求字符大小,一直到有定值。

行高

line-height: 20px;

注意:1.line-height一般要设置的比字体的大小要大一点,不然就会挤在一起。

           2. 想设置文字的垂直居中就需要把line-height设置的和高度height的值一样。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值