zoukankan      html  css  js  c++  java
  • css字体样式

    css字体样式

    font-size : 字体大小

    font-size属性用于设置字号,该属性的值可以使用相对单位长度,也可以使用绝对单位长度。
    相对长度单位 说明
    em 相对当前对象内文本的字体尺寸
    px 像素 最常用 推荐使用
    绝对长度单位 说明
    in 英寸
    cm 厘米
    mm 毫米
    pt

    font-family:字体

    font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有的段落文本的字体变黑,可以使用css样式代码: p {font-family: "微软雅黑";}

    1.现在网页中普遍使用14px+。
    2.尽量使用偶数字号的字体.ie6等老数浏览器支持奇数号字体有bug
    3.各种字体之间必须使用英文状态下的逗号隔开。
    4.中文字体需要加英文状态下的符号,英文字体一般不需要加引号。当需要设置引英文字体时,英文字体名必须位于中英文字体名之间。
    5.如果字体名中包含空格、#、$等符号时,则该字体必须加英文状态下的单引号或双引号,如`font-family:"times new roman"`
    6.尽量使用系统默认字体,保证在任何用户浏览器中都能正确显示
    

    unicode字体

    浏览器 兼容性好,去编码表中查看对用字体

    font-weight:粗细

    • bold:加粗
    • normal:正常
    • bolder:特粗体
    • lighter:细体
    • 400:相当于normal 正常
    • 700:相当于bold 加粗

    font-style:字体样式

    • normal:正常
    • italic:斜体
    • oblique:倾斜的字体

    字体连写

    • 格式:选择器 {font:font-style font-weight font-size/line-height font-family;}
    • font-size和font-family是必写项

    字体的外观属性

    color:文本颜色

    color属性用于定义文本的颜色,其取值方式有3中:

    • 预定义颜色值:如red、green、blue等
    • 十六进制,如#FF0000、FF6600等
    • RGB代码,如红色可以用rgb(255,0,0)

    line-height:行间距

    line-height属性用于设置行间距,就是行与行之间的距离,即字符的垂直间距,一般为行高。常用的属性值单位有三种,分别为像素px,相对值em和百分比%,实际工作中使用最多的就是像素px

    text-align:水平对齐方式

    text-align属性用于设置文本内容的水平对齐,相当于html中align对齐属性

    • left:左对齐
    • right:右对齐
    • center:居中对齐

    text-indent: 段落首航缩进

    text-indent:2em

    • em:一个字的距离

    text-decoration 文本的装饰

    text-decoration 通常我们用于给链接修改装饰效果

    描述
    none 默认,定义标准的文本
    underline 定义文本下的一条线。下划线 也是我们链接自带的
    overline 定义文本上的一条线
    line-through 定义穿过文本下的一条线
  • 相关阅读:
    JavaScript设计模式
    《现代操作系统(中文第三版)》课后习题——第一章 绪论
    hadoop基础----hadoop理论(四)-----hadoop分布式并行计算模型MapReduce具体解释
    linux 改动rootpassword以及忘记rootpassword
    Android画图之抗锯齿 paint 和 Canvas 两种方式
    Rect参数的简易理解方式
    关于新建android项目时 appcompat_v7报错问题的一点总结
    关于seo优化的核心思想
    关于 android 读取当前手机号码
    关于 android 返回键 代码实现
  • 原文地址:https://www.cnblogs.com/ivy-blogs/p/11886453.html
Copyright © 2011-2022 走看看