CSS 文字属性

 文字属性

   color  :字体颜色   

  1. 直接英文颜色名字 如(red、blue);        
  2. rgb  三原色;
  3. rgba   三原色 透明度,a 表示透明度(取值范围:0~1);
  4. #ff6700    16进制的颜色值;

   font-size:字体大小

     常用单位:

  1.  px  像素;
  2. em  1em代表的实际物理像素有父元素的字体大小决定;
  3. rem   1rem代表的实际物理像素有由根节点html的字体大小决定;

   font-family : 设置元素的字体系列

     font-family : "微软雅黑";

     重点:如果值是中文,需要用引号引起来,如果是两个及以上的英文单词代表的字体,也需要用引号引起来,各个字体之间用逗号隔开,解析顺序是从左到右,如果都没有的话,就默认使用电脑中子代的字体。

   font-style : 设置字体是否倾斜

     font-style:normal;

  1.  normal: 默认值,不倾斜;
  2.  italic   倾斜;
  3.  oblique    倾斜;

     如果要设置字体倾斜的话,建议使用 italic 。

   font-weight : 字体是否加粗

      font-weight : bold;

  1. normal  默认字体不加粗;
  2. bold   字体加粗;
  3. bolder   更粗;
  4. 如果给数值的话,不加粗是(100~500),加粗是(600~900)

   line-height : 行高

      行高是基线到基线之间距离称之为行高!

    注意:如果文字的行高和父元素的高度一样的话,就会实现文字垂直居中的效果!

    常用单位:  px  具体的像素值;     数字  1   字体大小的倍数,1就是本身字体大小的1倍;

   font 组合简写

     font : font-style   font-weight    font-size/line-height    font-family;

     例子:  font:normal   bold   30px/18px   "微软雅黑";

   注意:

  1.  简写时,font-size和line-height只能通过斜杠/组成一个值,不能分开写。
  2.  使用font属性时,必须按照此顺序书写,不能更换顺序,个个属性以空格隔开
  3.  其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family属性,否则font属性将不起作用!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值