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;(正常文本换行,中文换行,英文换行)
     
     
     
     
     
  • 相关阅读:
    配置gulpfile,添加task任务
    requestAnimationFrame初探
    实现图片的预加载和懒加载
    jquery实现复制到粘贴板
    微信H5页面遇到的一些问题
    js实现日历的简单算法
    handlebars.js的运用与整理
    倒计时插件
    div 模拟<select>事件
    Emacs添加主题插件(Win系统)
  • 原文地址:https://www.cnblogs.com/Jabin/p/5665069.html
Copyright © 2011-2022 走看看