码迷,mamicode.com
首页 > Web开发 > 详细

CSS文本与文字

时间:2016-07-10 23:28:07      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:

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

CSS文本与文字

标签:

原文地址:http://www.cnblogs.com/lifi/p/5658698.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!