zoukankan      html  css  js  c++  java
  • css 字体、文本、padding的样式

    一、字体的样式:

    1)字体倾斜:font-style:italic

    2)字体大小:font-size 一般为偶数。

    3)行高:line-height   当行高为奇数的时候,是文字上面比文字下面的少一个像素。行高值为:文字大小和上下距离的和。

    4)复合样式:font 顺序为:font-style--->font-weight--->font-size/line-height --> font-family  需要注意的是这里的行高的设置和字体大小在一起:29px/40px

     二、文本样式:

    1)字体颜色:color。

    2)文本对齐方式:text-align。

    3)首行缩进:一般在在一段话的时候需要使用:text-indent 值一般以em为单位,如果设置成像素的话,会出现问题,计算2个汉字的长度。如果不计算的话会出现以下问题:

    单位em是动态的计算一个汉字的大小不需要我们进行任何计算:text-indent: 2em; 

    4)文本修饰:比如下滑线。text-decoration: underline;

    去掉下划线:text-decoration: none。我们经常在使用<a>标签的时候会出现下划线问题,可以直接设置text-decoration: none即可。

    5)单词距离。word-spacing: 20px;需要注意的是:计算无法判断一个单词的是什么,需要我们加空格让计算机识别。

    1 <div>欢迎来 evil的 博客。</div>

    6)字间距:单个文字和单个字母的距离:letter-spacing: 10px;

    7)强制不换行:white-space: nowrap;强制不换行,即使文字溢出;正常的直接取值normal即可。

    8)使用ps的测量文件的大小的时候,取高度。不要取宽度,默认情况下,文字之间的间距有1px。

    9)一个空格的大小,在宋体的情况下。是文字的大小的一半,只有在宋体的情况下,其他字体的不一样,在计算的时候,需要注意的默认情况字体之间有1px的间距。

     三、我们在写padding的时候,出现一个问题,很难记住实际顺序。有 一个诀窍,实际顺序就是时钟的顺时针的顺序,从12点开始---到9点方向 即上右下左的方向

  • 相关阅读:
    Elasticsearch集群优化实战
    Elasticsearch跨集群搜索(Cross Cluster Search)
    Elasticsearch集群运维
    Elasticsearch冷热集群搭建
    分布式系统事务一致性
    使用Vertx重构系统小结
    ThreadLocal原理分析与使用场景
    使用Vertx构建微服务
    使用 Python & Flask 实现 RESTful Web API
    Golang简单工厂方法demo
  • 原文地址:https://www.cnblogs.com/evilliu/p/9399778.html
Copyright © 2011-2022 走看看