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点方向 即上右下左的方向

  • 相关阅读:
    config.js配置页面中的样式和图片路径
    ant详细介绍
    根据多个点使用canvas贝赛尔曲线画一条平滑的曲线
    jQuery.extend 函数使用详解
    Oracle数据库的性能调整
    9.在idea中创建Maven项目
    8.在idea中配置maven
    Maven的安装与配置
    3.在eclipse中创建Web项目,并部署到Tomcat上
    2.Git可视化操作
  • 原文地址:https://www.cnblogs.com/evilliu/p/9399778.html
Copyright © 2011-2022 走看看