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              元件往下端靠齐。

  • 相关阅读:
    如何在IE, Firefox, Opera浏览器中支持页面弹出并回传数据
    访问IIS 6.0 web服务时, 显示service unavailable
    新blog新气象
    jQuery 参考手册 选择器
    如何在博客中添加目录并链接到当前页面中的某个位置?
    Excel中左中右截取及去空格
    jQuery 遍历 slice() 方法
    如何知道一个工作簿中有多少个工作表?
    jQuery 选择器
    邮政编码查询网址
  • 原文地址:https://www.cnblogs.com/lifi/p/5658698.html
Copyright © 2011-2022 走看看