字体样式

最新推荐文章于 2021-06-03 09:23:23 发布

朝思暮林

最新推荐文章于 2021-06-03 09:23:23 发布

阅读量596

点赞数

分类专栏： H5 文章标签： H5 css 字体样式

本文链接：https://blog.csdn.net/zhaolimulin/article/details/70183824

版权

H5 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        p{
            font-weight: bold;
            /*blod加粗 bolder 深度加粗 lighter 细体*/
            font-family: 仿宋,sans-serif; /*前面是字体族名称  最后一个是类族名称
                   浏览器在现实字体的时候，会依次判断是否支持当前的字体，直到最后的字体系列*/
            font-size: 32px;
            /*字体大小取值：1 可以是具体的px值   2 百分化（默认字体大小16px）*/
            font-style: normal; /* 字体显示样式  italic 斜体*/


            color:blue;

            opacity: 0.5;  /*透明度 1是默认样式  0 是全透明的*/

            line-height: 40px; /*行高 字体占用的高度*/

            text-align: center; /*inherit两端对齐 left=start左对齐  right=end右对齐 center居中*/

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

            text-decoration:underline; /*line-through 删除线 underline下划线 overline下划线*/

            /*overflow:hidden; /!*auto 自动  hidden 隐藏溢出文本  *!/
            white-space:nowrap;     nowrap不换行
            text-overflow: ellipsis;     要是想达到隐藏部分用点点点形式表示出来，要这三个一起配合使用*/

            text-shadow: 2px 2px #ea2000; /*文本阴影颜色 x方向的偏移 y方向的偏移 阴影的颜色*/

            -webkit-text-stroke:1px green; /*文本描边距离和颜色*/

            text-indent: 2em; /*两倍的字符大小  这是一个相对单位*/
            /*通过设置文本的行高宇外部容器的高度一致：可以实现文本垂直居中 line-height*/
            /*定义font符合属性是一定要按照顺序来写  font-style variant weight size height family
            在字体大小和行高之间是用斜线分隔的*/
        }
    </style>
    <title>字体·字号·对齐方式·文本处理</title>
</head>
<body>
<h1 align="center">字体·字号·对齐方式·文本处理</h1>
<p>刷卡的扩散到喀什德克萨斯可京东上撒了看得见啊水看看哈剌房山看房送快递发来看什么看法都是
放空手机的开放接口上的方式开发来说肯定劳动法索福克勒斯的法律手段；了神圣
    的法律是对法丽莎的；防水堵漏；的方式锻炼方式带来；</p>
<p>11111111111111111111111111111111111111111111111111111111111111111</p>


<!--要是文本是一串数字或者是英文，默认是一个单词，不会换行-->
</body>
</html>