博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
文本样式
阅读量:6540 次
发布时间:2019-06-24

本文共 1315 字,大约阅读时间需要 4 分钟。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>postion</title>
        <style>
            .p1{
                /*
                 *text-transform可以用来设置文本的大小写
                 * 可选值:
                 * none 默认值,该怎么显示就怎么显示,不做任何处理
                 * capitalize 单词的首字母大写,通过空格来识别单词
                 * uppercase 所有的字母都大写
                 * lowercase 所有的字母都小写
                 *  */
                text-transform:lowercase;    
                /*letter-spacing 设置字符间距*/
                /*letter-spacing:20px;*/
                /*Word-spacing 设置字与字之间距,其实就是通过空格来识别单词*/
                /*word-spacing: 20px;    */    
            }
            .p2{
                /*
                 *text-decoration:设置文本修饰
                 * 可选值:
                 *        none:默认值
                 *      underline:下划线
                 *         overline:上划线
                 *      line-through:删除线
                 */
                text-decoration:line-through;
            }
            a{
                /*超链接默认下划线(即:他的text-decoration的默认值是underline)*/
                text-decoration:none;
            }
            .p4{
                /*text-align:用来设置文本对齐方式
                 * 可选值:
                 * left 默认值,文本靠左对齐
                 * right:文本靠右对齐
                 * center: 文本居中对齐
                 * justify:两端对齐
                 *         -调整文本之间的空格的大小,来达到一个两端对齐的一个目的的
                 */
                text-align: center;
            }
            .p3{
                /*text-indent首行缩进
                 *em:字体大小,1em是1个字体大小
                 * 当给他一个正值时,会自动向右侧缩进指定像素
                 * 当给他一个负值时,会自动向左侧缩进指定像素(通过这方式可以一些不想显示的文字隐藏起来)
                 *
                 */
                text-indent: 2em;
            }
            
        </style>
    </head>
    <body>
        <p class="p4">Man is now facing a big problem省略which is becoming more and more serious.</p>
        <p class="p3">有些面试者给我的答案直接说没有比较大的挑战;这个让我感觉这个人可能没有听懂我的问题,工作那么多年,难道没有一个项目可以拿来说的,那我拿什么来判定你的能力呢?</p>
        <a href="#">我是一个超链接</a>
        <p class="p2">文本修饰</p>
        <p class="p1">Man is now facing a big problem省略which is becoming more and more serious.</p>    
        
    </body>
</html>

转载于:https://www.cnblogs.com/goodgirl----xiaomei/p/9775483.html

你可能感兴趣的文章
如何用PyQt5写个通讯录
查看>>
git命令总结
查看>>
Django框架中,使用celery实现异步
查看>>
数据结构c语言
查看>>
Map集合
查看>>
Could not load file or assembly 'System.Web.Extensions
查看>>
图的遍历——BFS(队列实现)
查看>>
yum仓库
查看>>
远程控制卡配置和RAID基本知识
查看>>
可扩展多线程异步Socket服务器框架EMTASS 2.0 (转自:http://blog.csdn.net/hulihui)
查看>>
epoll讲解
查看>>
轻松理解—继承成员访问控制机制
查看>>
dubbo源码解析一
查看>>
Android跑指定包Monkey脚本
查看>>
梦逝无痕
查看>>
大型网站系统架构系列:分布式消息队列(一)
查看>>
as3 运算与检查String 是否能够正确转换成数 值
查看>>
管理信息系统 第三部分 作业
查看>>
第 6 章 Cinder - 051 - Create Volume 操作(Part II)
查看>>
oj1638
查看>>