zoukankan      html  css  js  c++  java
  • 字体属性和文本属性总结

    一、字体属性

    1、字体

    font-family:"微软雅黑","宋体",...; 

    设置字体,先找微软雅黑,运行电脑上没有这个字体再去找宋体,以此类推

    2、字体大小

    font-size:20px;

    像素单位:px,ex,rem

    px:绝对单位,一旦设置了值,不管网页如何变化始终如一

    em:相对单位,当前某块区域的字体大小,比如给p标签设置了字体大小20px,那么1em=20px,2em=40px,相对的换算,对应的em会随着设置的px变化

    rem:相对单位,主要应用于移动端

    3、字体颜色

    color:red;

    颜色表示法:

    单词表示法:red green yellow purple blue

    rgb()表示法

    rgba()  a:alpha表示透明度

    十六进制表示法:#ff6700

    4、字体样式

    font-style:italic;

    有两个属性:normal默认的字体,italic表示斜体

    5、字体粗细

    font-weight:bold;

    属性有两种表示方式:

    单词:bold表示粗的字体

    数值范围:100-900,其中400表示默认的字体粗细

     


     

    二、文本属性

    1、文本修饰

    text-decoration:underline;

    有4种属性:

    underline:下划线

    none:无线

    overline:上划线

    line-through:删除线

    2、文本缩进

    text-indent:2em;

    属性单位建议使用em,如上表示文本首行空两格,能根据字体大小自动适应调整

    3、行高

    line-height:

    行与行之间的距离

    属性单位有:px,em,rem

    4、中文字间距/英文单词间距

    letter-sapacing:

    word-spacing:

    5、文本对齐方式

    text-align:center;

    有三种属性:

    left:左对齐

    right:右对齐

    center:中间对齐,使用最多

  • 相关阅读:
    Rancher之Pipeline JAVA demo
    rancher使用fluentd-pilot收集日志分享
    SFTP 命令列表以备查询
    WPF中异步更新UI元素
    Android 开发环境在 Windows7 下的部署安装
    Android Studio vs. Eclipse ADT Comparison
    JQuery 滚动条插件perfect-scrollbar
    nginx+php 在windows下的简单配置安装
    MySql 管理操作常用命令
    JS事件调试
  • 原文地址:https://www.cnblogs.com/nanjo4373977/p/12402648.html
Copyright © 2011-2022 走看看