• CSS文本与文字


    • CSS中长度与颜色
    • CSS中的文字属性
    • CSS中的文本属性

    14.1 CSS中长度与颜色

                长度单位                 说明

                in                英寸    

                cm                公分

                mm                公里

                cm                以目前字体高度为单位

                ex                以小写字母高度为单位(大部分不支持)

                pt                1pt/72英寸

                pc                1pc/12pt

           px                像素(推荐使用)

                颜色单位:        说明

                十六进制        如:color:#ff0000

                颜色名称        如:color:red

                三原色单位        如:rgb(255,0,0)

        一般最常用的是十六进制,三原色单位的原理【红(r,绿(g,(b)】混合而成。。每个值域在0255之间

    14.2 CSS中的文字属性

                属性名称                    属性值                       说明

                font-style          normal            正常显示

                                                  italic             斜体

                font-variant        normal            正常显示

                                                 small-caps        将英文小写字母变成大写的小写字母

         

                font-weight          normal            正常显示

                                                      bold             粗体

            

                font-size             像素                      字体大小

                                                      百分比                   字体大小

            

                font-family          字体名称              设置字体名称

            font属性简化的使用方法:

            font:是否斜体 是否同宽 是否粗体    大小 字体名称

            例如:font:italic bold 200 隶书;

    14.3 CSS中的文本属性

                属性名称                属性值                             说明

                color              十六进制                        颜色    

                                                 英文名称                         颜色

                                                三原色单位                      颜色

                letter-spacing        normal            正常显示

                                                          长度                     文本间隔

                    word-spacing        normal            正常显示

                         数字            单词间距

     

    white-space         normal            文本自动处理换行

                         pre                换行和空白受保护

                        nowrap            强制在同一行显示

              text-align            left            文字靠左

                                                          right            文字靠右

                                                        center            文字靠中

                text-decoration         none               正常显示

                                                       underline            加下划线

                                                        overline            加顶线

                                                        line-through        加删除线

                text-indent            长度                           首行缩进

                                                         百分比                        同上

    line-height            像素              行高

                          数字/百分比        行高

                text-transform        none             正常显示可以包含大,小字符

                                                    capitalize         字符串第一个字符大写

                                                     uppercase         设置大写字符

                                                     lowercase         设置小写字符

                vertical-align         sub                设置文字为下标。

                                                        super              设置文字为上标。

                                                        top                元件往上端靠齐。

                                                        middle             设置文字是在中线位置。

                                                       bottom              元件往下端靠齐。

  • 相关阅读:
    Android广播接收器和Activity间传递数据
    Android广播接收器里弹出对话框
    Android本地广播
    setSupportActionBar()方法报错
    exec使用小计
    关于NSA的EternalBlue(永恒之蓝) ms17-010漏洞利用
    20154312 曾林 ExpFinal CTF Writeup
    20154312 曾林 EXP9 Web安全基础
    20154312 曾林 Exp8 web基础
    20154312 曾林 EXP7 网络欺诈防范
  • 原文地址:https://www.cnblogs.com/lifi/p/5658698.html
Copyright © 2020-2023  润新知