样式中字符和段落的部分属性

最新推荐文章于 2020-11-23 10:07:09 发布

一只头秃的死肥宅

最新推荐文章于 2020-11-23 10:07:09 发布

阅读量649

点赞数

分类专栏： HTML5 文章标签： HTML5 新手样式

本文链接：https://blog.csdn.net/xuemoKingDeath/article/details/69943409

版权

HTML5 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        p{
            /*前面是字体族名称，最后一个是类族名称
            浏览器在显示字体的时候，依次判断是否支持当前字体，直到最后的字体系列*/
            font-family:"宋体","仿宋",sans-serif;
            /*font-weight :bold加粗 bolder更粗 lighter细体 100~900*/
            font-weight: bold;
            /*字体大小，具体的px值或者百分比（默认字体大小16px）*/
            font-size: 30px;
            /*字体样式：inherit斜体 */
            font-style: inherit ;
            /*字体颜色*/
            color: yellow;
            /*opcity 透明度1为默认 0为全透明*/
            opacity: 1;
            /*inherit 继承 normal默认 */
            /*line-height行高：单行字体占用的高度，更改字体所占的高度，使行距变大
              文本行高和外部容器高度一致可以使文本垂直居中*/
            line-height: 40px;
            /*justify俩端对齐 left左对齐（默认）=start right右对齐=end center居中对齐*/
            text-align:start;
            /*字符间距*/
            letter-spacing:10px;
            /*text-decoration文本修饰 line-through中画线 overline上划线 underline下划线 */
            text-decoration:underline;
            /* auto自动解决:在文本下加滚动条  hidden隐藏：超出部分隐藏
            scroll：水平竖直都加滚动条，无论是否超出*/
            /*overflow:hidden;
            white-space: normal;文本不换行
            text-overflow: ellipsis;
            三个属性一起会出现单行文本隐藏，出现点点点 省略效果*/
            /*overflow:hidden;*/
            /*white-space: nowrap;!*不换行*!*/
            /*text-overflow: ellipsis;*/
            /*文字阴影 三个值：x轴方向距离 y轴方向距离 投影颜色*/
            text-shadow: 2px 2px green;
            /*文本描边  俩个值：描边的宽度 描边的颜色*/
            -webkit-text-stroke:1px blue;
            /*文本缩进 缩进字符  em代表字符 2em代表缩进俩个字符*/
            text-indent: 2em;

        }
    </style>
    <title>Title</title>
</head>
<body>
<!--px 像素
    颜色单位：
           十六进制：#ffffff
           颜色名称：red
           RGB颜色：RGB（255，255，255）
           RGBA：A代表透明度
    尺寸属性：
           width，min-width，max-width
           height，min-height，max-height
    字体、符号：
           font（缩写形式）
           font-weight（粗细）
           font-size（大小）
           font-family（字体系列）
           font-style（字体样式）
     字体颜色：
           color
           opcity（透明度 css3）
     行距、对齐等：
           line-height（行高）
           text-align（对齐）
           letter-spacing（字符间距）
           text-decoration（文本修饰）
           overflow
           text-overflow
           text-shadow
           text-indent
           text-stoke
     字体系列：
           衬线体serif：Times  New Roman  Georgia  宋体
           非衬线体sans-serif：网页中常用
           等宽体Monospace
           手写体/书法体
           符号体
     font-family：
           字体族名称，如有多个以“，”间隔
           类族名称，必须以类族结尾

        -->
      <!--字体简写顺序
               font-style
               font-variant(用于定义小型大写字母文本)
               font-weight
               *font-size
               *line-height
               *font-family
               -->
<p>
    三代福克斯发来哈喽和法律合法
    1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
</p>
<p>
    回答usauisda公的呀个月wag大为广大顾客独有噶可以的嘎达矿业大国也高达有多高呀uasdhuai后丢啊嗲打工啊更大表单
    撒的谎巴萨，司机啊对比度和巴萨的，啊不到那上班你打啥不，1可是觉得那大家看到就看大家喀什加纳首都科技暗地开机
    萨拉的卡号多少land静安东街啦历年来的就是了复苏能否连接电脑死机了解到手机里发酒疯卡戴假发反

</p>
</body>
</html>