zoukankan      html  css  js  c++  java
  • 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              元件往下端靠齐。

  • 相关阅读:
    Codeforces 765 E. Tree Folding
    Codeforces 617 E. XOR and Favorite Number
    2017.3.4[hihocoder#1403]后缀数组一·重复旋律
    2017.2.23[hdu1814]Peaceful Commission(2-SAT)
    2017.2.18Codeforces Round #398 (Div. 2)
    2017.2.18[codevs1170]NOIP2008提高组复赛T4双栈排序
    2017.2.18[codevs3319][bzoj3670]NOI2014D2T1动物园
    2017.2.18[codevs3311][bzoj3668]NOI2014D1T1起床困难综合症
    2017.2.10 Splay总结
    2017.2.10考试总结2017冬令营
  • 原文地址:https://www.cnblogs.com/lifi/p/5658698.html
Copyright © 2011-2022 走看看