美文网首页
2018-11-20

2018-11-20

作者: 清酒金杯空对月 | 来源:发表于2018-11-20 19:15 被阅读0次

    字体
    通过font-family:
    可以指定标签中文字使用 的字体。
    可以同时指定多个字体。

    字体分类
    serif(衬线字体)
    sans-serif(非衬线字体)
    monospace (等宽字体)
    cursive (草书字体)
    fantasy (虚幻字体)

    斜体和粗体
    font-style用来指定文本的斜体。
    指定斜体:font-style:italic
    指定非斜体:font-style:normal
    font-weight用来指定文本的粗体。
    指定粗体:font-weight:bold
    指定非粗体:font-weight:normal
    小型大写字母
    font-variant属性可以将字母类型设置为小 型大写
    行间距
    line-height用于设置行高,行高越大则行 间距越大

    大写化
    text-transform样式用于将元素中的字母全都变成大写。
    大写:text-transform:uppercase
    小写:text-tansform:lowercase
    首字母大写:text-transform:capitalize
    正常:text-transform:none
    文本修饰
    text-decoration属性,用来给文本添加各 种修饰。通过它可以为文本的上方、下方 或者中间添加线条
    underline
    overline
    line-through
    none
    letter-spacing用来设置字符之间的间距。
    word-spacing用来设置单词之间的间距。

    对齐文本
    text-align用于设置文本的对齐方式。
    可选值:
    left:左对齐
    right:右对齐
    justify:两边对齐
    center:居中对齐

    首行缩进:text-indent用来设置首行缩进

    盒子模型
    内容区(content)
    内边距(padding)
    边框(border)
    外边距(margin)

    内容区
    内容区指的是盒子中放置内容的区域,也就是元素 中的文本内容,子元素都是存在于内容区中的

    内边距
    内边距指的就是元素内容区与边框以内的空间。
    padding-top、padding-right、padding-right、padding-bottom分别用来指定四个方向的内边距。

    边框
    可以在元素周围创建边框,边框是元素可见框的最外部
    使用border属性来设置盒子的边框
    border-top/left/right/bottom分别指定上右下左 四个方向的边框。

    边框的样式
    none(没有边框)
    dotted(点线)
    dashed(虚线)
    solid(实线)
    double(双线)
    groove(槽线)
    ridge(脊线)
    inset(凹边)
    outset(凸边

    相关文章

      网友评论

          本文标题:2018-11-20

          本文链接:https://www.haomeiwen.com/subject/nvoxqqtx.html