zoukankan      html  css  js  c++  java
  • html文本的基本设置

    一、字体属性:
    选择字体:font-family:value,value。。。。指定字体的显示,按照顺序直到能够匹配
    字体的大小:font-size:39px;
    字体加粗:font-weight:bold;
    字体样式:font-style:italic(斜体)normal;
    大写字母:font-variant:normal /small-caps(小型大写字母)
    注:font属性
    font:style、variant、weight、size、family
    不设置的默认
    二、文本属性:
    文本的颜色:color:red;
    文本的排列:text-align:left/right/cennter;
    文字的修饰:text-decoration:none/underline;
    行高:line-height:30px;
    首行文字缩进:text-indent:2em;
    文本阴影:text-shaow:5px,5px,5px,red;水平偏移,垂直偏移,模糊值,阴影颜色
    white-space:normal;正常溢出
    white-space:nowrap;不换行
    text-overflow:clip;裁剪
    text-overflow:ellipsis;省略  使用前需要加Overflow:hidden; text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。
    换行:word-wrap:normal/break-word;(正常换行,允许字内换行)
    word-break:normal/break-all/keep-all;(正常文本换行,中文换行,英文换行)
     
     
     
     
     
  • 相关阅读:
    CORS跨域漏洞学习
    CVE-2020-0796漏洞复现(RCE)
    Wfuzz使用学习
    DNSlog注入学习
    一些CTF练习记录
    数据结构与算法(十三):赫夫曼树
    数据结构与算法(十二):堆排序
    博客园自定义代码块样式
    Nginx入门(二):常用功能配置
    数据结构与算法(十一):二叉树
  • 原文地址:https://www.cnblogs.com/Jabin/p/5665069.html
Copyright © 2011-2022 走看看