zoukankan      html  css  js  c++  java
  • 「CSS」文本编排相关的CSS属性设置

    1、font-family:设置字体族。

    格式为font-family:字体1,字体2,……,通用字体族|inherit。 

    通用字体族,是指一类相似的字体。W3C的CSS规则规定,要指定一个通用字体族,避免客户端没有安装指定字体时能使用本机上的通用字体族中的字体。该属性及其值的涵义如下图

    与文本编排有关的CSS属性设置

     

    2、font-size:设置文本的大小。该属性及其值的涵义如下图

    与文本编排有关的CSS属性设置

     

    3、font-weight:设置文本加粗。该属性及其值的涵义如下图

    与文本编排有关的CSS属性设置

     

    4、font-style:可设置字体是正常还是斜体。该属性及其值的涵义如下图

    与文本编排有关的CSS属性设置

     

    5、line-height:设置文本的行高,它是指上下文本行的基线之间的垂直距离。其属性及其值的涵义如下图

    与文本编排有关的CSS属性设置

     

    6、字体属性font:是字体设置的简写形式,其格式及解释如下:

    与文本编排有关的CSS属性设置

     

    其中,用[]括住的属性是可选的,而font-size和font-family是必须要写的两个属性,其他属性若不写,则网页将使用它们对应的默认值。另外,font-size/line-height必须用/组成一个,不能分开写。例如:

    与文本编排有关的CSS属性设置

    这段CSS设置了字号为12像素,2倍行距,字体族为arial 和arial black。

    7、字体颜色color属性:

    与文本编排有关的CSS属性设置

     

    8、text-align属性:设置文本的水平对齐方式。其值有三,分别是左对齐left(默认)、居中对齐center、右对齐right。

    9、首行缩进属性text-indent:其属性值及涵义见下图。

    与文本编排有关的CSS属性设置

     

    10、文本修饰属性text-decoration:用来设置文本是否带有下划线或删划线等,其值及涵义如下图:

    与文本编排有关的CSS属性设置

     

    11、字符间距属性letter-spacing:设置字符与字符之间的间隔,正值是拉宽字符间距,负值是缩小字符间距。其值及涵义如下图:

    与文本编排有关的CSS属性设置

     

    12、字间距属性word-spacing:设置单词与单词之间的间隔。该属性对包含两个词以上的英文有作用,对汉字是没有作用的。

    与文本编排有关的CSS属性设置

     

    例如,定义一种文本样式,其字体族为“黑体,宋体,新宋体”,字体粗细为500,斜体,大小16像素,行距26像素,红色,带下划线,则代码应写成下图所示:

    与文本编排有关的CSS属性设置
  • 相关阅读:
    20191317王鹏宇第四章学习笔记
    20191317王鹏宇2.3.1测试
    树莓派openeuler安装openssl及其实践
    树莓派实验指导第三章实验
    树莓派openeuler的安装以及ukui桌面的安装并安装远程桌面vnc
    20191317王鹏宇鲲鹏服务器测试
    反汇编测试
    信息安全系统设计与实现第八周:《Unix/Linux系统编程》第五章学习笔记
    团队作业三
    信息安全系统设计与实现第七周:《Unix/Linux系统编程》第四章学习笔记
  • 原文地址:https://www.cnblogs.com/wrxblog/p/9768697.html
Copyright © 2011-2022 走看看