zoukankan      html  css  js  c++  java
  • 有关于文字的一些样式的操作

    文字的大小:font-size:px|百分数|em
    三种的计算单位:
    数值:100px;
    百分比:20%;
    em:继承父类的字体的大小,随着父类的字体的大小变化而变化,N em表示大小为父类的大小的n倍大小;
    rem:?(CSS3.0)
     
    字体的形式:使用window自带的字体;
    font-family: "宋体","微软雅黑",Arial,Tahoma;
    可以同时为页面设置多个字体,当浏览器找不到第一个字体时会寻找第二个字体,依次进行,直到找到可用的字体可以同时为页面设置多个字体,当浏览器找不到第一个字体时会寻找第二个字体,依次进行,直到找到可用的字体。
    字体建议的设置:
    1.中文页面建议以宋体为首选,其他字体次之。
    2.英文页面建议以Arail/Tahoma等字体。
    3.中英结合网站建议最好用英文字体。
    4.特殊字体一律用图片
    字体的风格
    font-style:italic|oblique
    两种的设置在页面显示的情况一样,oblique只有在italic不能生效的时候使用,一般不使用。
    文字的粗细:
    font-weight:px|bold(粗)|bolder(更粗)|数值100~900的百数值|lighter(细);
    数值为600的时候会有明显的加粗。
    文字的复合设置方式:font: font-style | font-weight | font-size | font-family ;
    文字的颜色:
    color:英文|#ffffff(十六进制)|rgb(0,0,0)数值在0~255之间的数值。|rgba(0,0,0,0.0)前三个同rgb,最后一个表示透明度数值在0~1之间的数值;
    文字的修饰属性值
    text-decoration: none | underline | overline | line-though
    none表示没有修饰。
    underline表示下划线修饰
    overline表示上划线修饰
    line-though表示删除线修饰
    文字的行距
    line-height:length : 由浮点数字和单位标识符组成的长度值,允许为负值。设置数值越大,文本段落中间的行距越大。
    文字首行的缩进:
    text-indent:length;
    常用的单位是:px、em、rem(?在CSS3.0的内容)
    文本水平(常用)对齐的设置:
    text-align: left | center | right
    分别对应的是左对齐、居中对齐、右对齐;
    文本垂直对齐的设置:
    vertical-align: top | bottom | middle;
    vertical-align: 设置的是垂直方向 的设置的,一般在存在一行中存在<img>标签时进行设置的,存在三个属性值:middle(居中)、top(上部)、bottom(底部)
    文件间隔的设置:
    word - spacing;
    根据查找字与单词之间的空格来进行判断的,一旦查到空格就生效;一般定义在想要生效的一些标签的父标签里面。
    letter-spacing;
    作用于字符与字符之间,也是定义在想要生效的一些标签的父标签里面。设置的数值为正值的时候是拉远的,复制是拉近的。
     
     
     
     
     
     
     
     
  • 相关阅读:
    Web前端性能优化-资源合并与压缩
    关于 ES5 & ES6 数组遍历的方法
    代码优化
    解决 Vue 刷新页面后 store 数据丢失的问题
    Lombok
    Dao 与 Dto
    物理删除与逻辑删除的区别
    Java 创建对象的几种方式
    SSM + SpringBoot 常用注解
    Json Web Token (JWT)
  • 原文地址:https://www.cnblogs.com/792155879a/p/5663419.html
Copyright © 2011-2022 走看看