zoukankan      html  css  js  c++  java
  • 04:文本 + 字体

     一 文本样式

    1)颜色 color

    1 预定义颜色值  red blue pink等

    2 十六进制 #fff000 #000000 [ 最常用 ]

    3 rgb模式 rgb(255,0,0,0.1) 最后一个参数是透明度 [ 设置阴影时常用 ]

    2)水平对齐

    text-align: left center right; 默认值left

    3)行高

    line-height: 像素px  相对值em 百分比%

    4)首行缩进

    text-indent: 2em;

    em 字符宽度的倍数 1em 就是一个字的宽度

    5)文本装饰

    text-decoration:;
    none //没有装饰 取消下划线 [默认值 常用]
    overline  //上划线
    underline //下划线 [常用]
    line-through //删除线

    二 字体样式

     1)字体大小

    font-size:16px; //字体大小 一般用px做单位
    谷歌Chrome 和 火狐 默认字体大小是16px。
    一般我们给body设置整个页面的字体大小

    2)字体粗细

    normal 不加粗 [默认值]    
    bold 加粗
    100-900 400等同于normal 700等同于bold

    3)字体样式

    font-style: normal  正常显示取消斜体 默认值
    font-style: italic; 显示斜体

    4)字体选择

    .box {
    font-family: Arial,"Microsoft YaHei","微软雅黑","宋体";
    }
    1 可以指定多个字体,中间用逗号分割,如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的,如果都没有,则使用用户电脑默认的字体
    2 中文字体需要加英文状态的引号,英文字体不用加引号,英文字体应该定义在中文字体前面
    3 如果字体中包含空格、$、#等符号也应该用引号包含
    4 尽量使用系统默认的字体,保证所有的用户都可以正常访问
    5 英文字体不区分大小写

    5)字体连写 [ 重点 ] 

    font: font-style  font-weight  font-size/line-height  font-family;
    1字体样式 2字体粗细 3字体大小 4选择字体

    使用font属性,属性值的书写顺序不能改变
    不用的属性可以省略,但是必须保留 font-size 和 font-family 否则font属性不起作用

     6)使用Unicode字体

    为什么要使用UNcode字体?
    . 在 CSS 中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误。 . xp 系统不支持 类似微软雅黑的中文。

    解决方案
    . 直接用英文来代替 font-family: "Microsoft YaHei";
    . 使用Unicode字体来代替中文 font-family: "5B8B4F53";
    字体名称英文名称Unicode 编码
    宋体 SimSun 5B8B4F53
    新宋体 NSimSun 65B05B8B4F53
    黑体 SimHei 9ED14F53
    微软雅黑 Microsoft YaHei 5FAE8F6F96C59ED1
    楷体_GB2312 KaiTi_GB2312 69774F53_GB2312
    隶书 LiSu 96B64E66
    幼园 YouYuan 5E7C5706
    华文细黑 STXihei 534E65877EC69ED1
    细明体 MingLiU 7EC6660E4F53
    新细明体 PMingLiU 65B07EC6660E4F53



  • 相关阅读:
    感谢那些给予我无偿帮助的人!
    软件工程总结
    《暗时间》部分感想!
    四个数混合运算,数据库存题,程序集构建三层建构
    三个数混合运算和三层架构
    需求
    数据库实现,以及工厂方法模式实现
    WPF中实现
    git简单操作
    git操作??
  • 原文地址:https://www.cnblogs.com/fuyunlin/p/14315068.html
Copyright © 2011-2022 走看看