zoukankan      html  css  js  c++  java
  • css样式学习2

    1、字体的样式

    /*字体系列:前面是字体族名称,最后一个是类族名称

    浏览器在显示字体时,依次判断是否支持当前的字体,直到最后的字体系列*/
    font-family: "宋体","仿宋";

    /*粗细:bold加粗,bolder更粗;lighter细体*/
    font-weight: bold;

    /*字体大小的取值:1.具体的px值,2.百分比(默认字体大小16px)*/
    font-size: 200%;

    /*字体样式,下面属性为斜体*/
    font-style: italic;

    /*字体颜色*/
    color: red;

    /*字体透明度(1为不透明,0为全透明)*/
    opacity: 0.5;


    2、行距和对齐样式

    /*行高,单行字体占用的高度。可用px和百分比来表示*/

    /*注:通过设置文本的行高与外部容器的高度一致来实现文本居中显示*/

    line-height: 60px;


    /*字体对齐方式:
          justify
    :两端对齐
          left=start:左对齐(默认值)
          right=end:右对齐
          center:居中对齐
          */
    text-align: justify;

    /*字符间距*/
    letter-spacing: 6px;

    /*文本修饰:
         line-through
    :删除线(中划线)
         underline:下划线
         overline:上划线
         */
    text-decoration: underline;

    /*此方法可让文本溢出容器后以...显示,需用三个属性配合使用*/
    /*
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    */

    /*文本阴影:x方向的阴影,y方向的偏移,阴影的颜色*/
    text-shadow: 3px 3px yellow;

    /*文本描边:描边宽度、描边颜色 */
    -webkit-text-stroke:0.2px green ;

    /*em:相对单位*/

  • 相关阅读:
    ubuntu下7z文件的解压
    Ubuntu16 编译源码出错 unsupported reloc 43
    两个超级大整数的相加,相乘
    c++ abcd....等等字符所有不同的非重复组合排布
    C# Java 通用MD5加密
    artDialog-学习课程(三) 参数配置表
    artDialog-学习课程(二)-常用弹出框
    MySQL 查看数据库数据表空间大小
    MySQL Date 函数
    artDialog-学习课程(一)-下载与引用
  • 原文地址:https://www.cnblogs.com/liuyuancheng/p/7252653.html
Copyright © 2011-2022 走看看