第六章 字体font

原创 2017年10月07日 14:41:19
文本样式修改
    color:文字颜色
        值:英文单词 十六进制颜色值
    font-size:文字大小
        值:px具体像素单位(尽量用偶数位的值)
            %取决于父级元素的字体大小
            em 取决于自己使用字体大小 1em = 元素中文本的1个垂直高度
            rem 取决于根元素的字体大小
    font-family:字体效果(用引号引起来)
    font-style:值:normal 默认值
                  italic 斜体的字体样式
                  oblique倾斜的字体样式
    font-weight:改变字体的粗细
               值:normal 默认值
                  bold 加粗
                  100-900 100是normal 600是bold
    font-variant:改变字母的大型小写样式
                值:norma 默认值
                    small-caps 小型大写字母
    文本的水平位置:text-align
                值:left 默认左上方  center居中 right靠右
    文本的垂直位置:line-height
                值:具体的像素单位 同高度一样时候 文字为垂直居中状态
    text-indent:文本缩进
                值:px 具体的缩进像素
                    em根据作用到自己升上的像素单位计算
                    %根据父元素宽度计算
    text-overflow:文本溢出时的处理方式
                值:clip 修剪文本
                    ellipsis 使用省略号代替
                    使用的三部曲:强制不换行 超出被隐藏 替换
                    强制不换行:white-space:nowrap
                    超出隐藏:overflow:hidden
                    替换:text-overflow:ellipsis
    text-transform:控制文本中的字母
                值:none 默认
                    capitalize:文本中的每个单词以大写字母开头
                    uppercase:转换成大写
                    lowercase:转换成小写
    letter-spacing:控制字母(字)间距
    word-spacing:控制单词的间距
    white-space:换行方式
                值:normal 默认
                    nowrap 文本不会换行 直到遇到</br>标签为止
    word-break:强制换行
                值:normal 默认值
                    break-all 允许在单词内换行
                    keep-all 只能在半角空格或者连字符处换行
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

包含了6种不同格式的10种不同的Code 39条形码字体样式的工具包Code 39 Font Advantage Package

Code 39 Font Advantage Package不仅仅是一个包含条形码字体的工具包,它包含了基于6种不同格式的10种不同的Code 39条形码字体样式。同时您还可以获得相应的字体工具、宏和...

谷歌字体(Google Font)初探 [翻译自Google官方文档]

这个指南解释了如何使用Google Font的API,把网络字体添加到自己的页面上。你不需要任何的编码,你所要做的只是添加一个特定的CSS到HTML页面上,然后把字体关联到这个CSS样式。...

font-family中文字体的英文名称

转自:http://www.xwbetter.com/font-family/ 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft...

AGG 使用字体引擎(Font Engine)

方式二、使用字体引擎(Font Engine)AGG的字体引擎利用WinAPI:GetGlyphOutline或FreeType库得到字体数据(字模),它可以处于 “Scanline Rasteriz...
  • bitasd
  • bitasd
  • 2011年06月10日 13:40
  • 1686

CSS属性之字体(Font)

CSS属性之字体(Font) font:[ [ || || ]? [ / ]? ]  复合属性,各属性见下文。 必须同时包含font-size和font-family,且这两个值...

The choose of web page font/网页字体选用

---------------------------------------读书笔记·转载请注明--------------------------------------- 前几天在作品集里发...
  • Hookc
  • Hookc
  • 2013年11月04日 01:10
  • 764

Font Awesome图标字体使用

集成 将Font Awesome 集成到 Bootstrap 非常容易,还可以被单独使用。 最简单的 Bootstrap + Font Awesome 集成方式 使用这种方式将 ...

生成字节或bin文件 任意语言,任意大小,任意字体,任意格式,任意范围,任意字符,任意扫描方式取模,UNICODE_Font_宋体16_ 纵向取模下高位_数据排列_从左到右从上到下

任意语言,任意大小,任意字体,任意格式,任意范围,任意字符,任意扫描方式取模,生成字节。UNICODE_Font_宋体16_ 纵向取模下高位_数据排列_从左到右从上到下...

css设置中文字体(font-family:"黑体")后样式失效问题

做项目时偶遇的一诡异问题,同样的代码,在ff和IE7以上页面显示正常,但IE6无论怎么改都不起作用,本来以为是IE6的某些浮动bug所致,结果弄了很长时间也不行,后来不经意间把原来设定的font-fa...
  • sas5215
  • sas5215
  • 2011年09月17日 19:07
  • 561

[Unity3D] Dynamic Font for NGUI 2.5.0c,动态字体脚本支持NGUI最新版本

基于NGUI最新版2.5.0c修改UIFont和其Inspector脚本,支持动态字体 使用步骤: 1、导入最新版本的NGUI包 2、导入U3D_DynamicFont_UIFont_NGUI2...
  • chiuan
  • chiuan
  • 2013年04月01日 14:36
  • 8761
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第六章 字体font
举报原因:
原因补充:

(最多只允许输入30个字)