zoukankan      html  css  js  c++  java
  • CSS(二)属性--文本设置

    HTML代码一

    <body>

        <div>这是一个很黑很黑的夜晚,黑云密布,没有任何光亮透过。卖火柴的小姑娘。。。。。。。</div>

    </body>

    CSS代码

    div{

        border:1px solid black; //长宽由div内的文字撑开

        height:200px; 

        text-align:left;                //border内文字的对齐方式,默认left,据中center

        /*对齐方式*/  CSS注释,只有这一种

        line-height:16px;             //单行文本所占高度,单行文本据中设置text-align与height高度相等

        text-indent:2em;              //缩进,em文本单位

    }

    text-align 文本对齐方式

    line-height 单行文本所占高度

    em 1em = 1 * font-size;=16px;

    HTML代码二

    <body>

        <del>原价50元</del>

        <span>原件50元</span>

        <a href="www.baidu.com">www.baidu.com</a>

        <span>www.baidu.com</span>

    </body>

    CSS代码

    span{

        text-decoration:line-through;    //等同于HTML标签del

        text-decoration:none;                //没有线,去掉线

        text-decoration:underline;          //下划线,类似网址链接的下划线

        text-decoration:overline   ;          //上划线,类似网址链接的下划线

        cursor:pointer;                             //改变鼠标光标提示类型

    }

    cursor

    pointer,help,copy......

  • 相关阅读:
    面向对象三 组合 特殊成员
    面向对象二 成员 嵌套
    面向对象
    模块和包
    异常处理
    os模块和序列化模块
    常用模块一
    常用模块 re模块
    内置函数二
    Algs4-2.2.14归并有序的队列
  • 原文地址:https://www.cnblogs.com/xibuhaohao/p/10341399.html
Copyright © 2011-2022 走看看