整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML字間距如何設置?#html

          tml字間距怎么設置?

          大家好,這節課主要來講解一下在html中如何設置字間距。通常使用CSS的letter-spacing屬性,這個屬性可以直接在html元素的style屬性中設置,或者在一個獨立的CSS文件中。下面是兩種常見的設置方法。

          ·首先來看第一種方法:內欄樣式。在p標簽的后面加上style,等于下入設置為5個PX,保存運行。可以看到這里設置成了字間距為5個PX。

          ·當然還可以通過層疊樣式表,也就是CSS樣式表來實現在一個獨立的CSS文件或html文檔的head部分的style標簽中設置字間距。例如現在新建了一個style點CSS這樣的文件,可以設置它的letter-spacing,點10個PX,然后保存。

          ·并且在html文件中引入CSS樣式表,保存運行。稍等一下,要把引號去掉運行。可以看到它有10個PX像素,在letter-spacing屬性接受不同的單位,例如像素PX點PT EM等單位,可以根據需要選擇合適的單位來設置字間距。

          以上就是html如何設置字間距的方式和方法。


          原圖樣式)

          今天我們講一下幾個文本標簽<code>text-indent</code>,<code>letter-spacing</code>和<code>line-height</code>,并附加講一下<code>first-line</code>和<code>first-letter</code>的使用方法。

          先上源碼:

          <!DOCTYPE html>

          <html>

          <head>

          <title>css文本標簽介紹</title>

          <style>

          .wenben{

          width:300px;

          height: 150px;

          background-color: #f0f0f0;

          padding: 20px;

          border: 1px solid #ccc;

          margin:0 auto;

          }

          </style>

          </head>

          <body>

          <div class="wenben">

          今天我們來測試一下自己間距的設置方法,主要標簽有<code>text-indent</code><code>letter-spacing</code><code>line-height</code>,附加講一下<code>first-line</code><code>first-letter</code>的樣式。

          </div>

          </body>

          </html>

          第一個標簽:text-indent(設置抬頭距離css縮進)

          css樣式:

          <style>

          .wenben{

          width:300px;

          height: 150px;

          background-color: #f0f0f0;

          padding: 20px;

          border: 1px solid #ccc;

          margin:0 auto;

          text-indent: 23px;

          }

          </style>

          第二個標簽:letter-spacing(設置字與字之間的間距)

          css樣式:

          <style>

          .wenben{

          width:300px;

          height: 150px;

          background-color: #f0f0f0;

          padding: 20px;

          border: 1px solid #ccc;

          margin:0 auto;

          text-indent: 23px;

          letter-spacing: 3px;

          }

          </style>


          第三個標簽: line-height(設置行高,就是每一行的高度)

          css樣式:

          <style>

          .wenben{

          width:300px;

          height: 150px;

          background-color: #f0f0f0;

          padding: 20px;

          border: 1px solid #ccc;

          margin:0 auto;

          text-indent: 23px;

          letter-spacing: 3px;

          line-height: 30px;

          }

          </style>

          第四個標簽,其實叫做選擇器: ::first-line(設置第一行的樣式)

          <style>

          .wenben{

          width:300px;

          height: 150px;

          background-color: #f0f0f0;

          padding: 20px;

          border: 1px solid #ccc;

          margin:0 auto;

          text-indent: 23px;

          letter-spacing: 3px;

          line-height: 30px;

          }

          .wenben::first-line{

          color:blue;

          font-weight: bold/*字體加粗*/;

          }

          </style>


          第五個選擇器: ::first-letter(設置第一行的第一個字的樣式)

          <style>

          .wenben{

          width:300px;

          height: 150px;

          background-color: #f0f0f0;

          padding: 20px;

          border: 1px solid #ccc;

          margin:0 auto;

          text-indent: 23px;

          letter-spacing: 3px;

          line-height: 30px;

          }

          .wenben::first-line{

          color:blue;

          font-weight: bold/*字體加粗*/;

          }

          .wenben::first-letter{

          font-size: 24px;

          color: white;

          font-weight: normal;

          border: 1px solid red/*設置文字邊框*/;

          background-color:blue/*設置文字背景*/;

          padding: 2px;

          }

          </style>

          你學會了嗎?有問題可以私聊我哦!

          迎觀看 Microsoft Word 中文版教程,小編帶大家學習 Microsoft Word 的使用技巧,了解如何在 Word 中更改行距。

          在 Word 中更改文檔中的行距,節省文檔的空間或按所需效果呈現文本。

          快速更改整個文檔的間距,依次選擇「設計」-「段落間距」。

          單擊選擇每個選項可查看預覽效果。

          如果需要將文檔設置為單倍行距,選擇「無段落間距」。

          如果只想更改文檔某一部分的行距,選擇要更改的段落。

          選擇「開始」-「行和段落間距」,選擇所需的行距或者選擇「行距選項...」。

          在「段落」對話框的「間距」下選擇所需要的特定選項,包括每個段落的「段前」和「段后」的行距,「段前」和「段后」行距設置為「0.5 行」。

          如果想將此行距設置為所有新文檔的默認行距,選擇「設為默認值」。

          選擇「基于常規模板的所有文檔?」,單擊「確定」。

          以上就是在 Microsoft Word 中更改行距的方法。

          軟件下載地址:Microsoft word 2019 for Mac中文版

          https://www.macz.com/mac/4533.html?id=NzY4OTYwJl8mMjcuMTg3LjIyNS4xMg%3D%3D

          windows軟件安裝地址:Microsoft Word 2019

          https://soft.macxf.com/soft/365.html?id=MjkzODQ%3D


          主站蜘蛛池模板: 国产精品综合一区二区三区| 无码人妻精品一区二区在线视频 | 无码人妻精品一区二区三区蜜桃| 久久se精品动漫一区二区三区| 国产精品一区二区久久精品| 国产成人精品一区二区三区无码| 日韩一区二区三区电影在线观看| 人妻激情偷乱视频一区二区三区| 538国产精品一区二区在线| 国产在线一区二区三区av| 国产主播在线一区| 国产一区二区成人| 一区二区视频在线观看| 国产suv精品一区二区33| 亚洲成AV人片一区二区密柚 | 日韩精品无码一区二区中文字幕| 久久国产精品免费一区二区三区| 欧洲精品一区二区三区| 国产伦精品一区二区三区不卡| 国模极品一区二区三区| 无码人妻精品一区二区三区久久久| 91精品一区二区三区久久久久| 亚洲一区免费视频| 精品一区二区三区在线观看l| 在线观看视频一区二区| 日本美女一区二区三区| 亚洲无人区一区二区三区| 国产精品 一区 在线| 国内偷窥一区二区三区视频| 中文字幕精品一区影音先锋| 日韩精品一区二区三区中文3d| 国产精品第一区第27页| 久久一区二区明星换脸| 伊人色综合网一区二区三区 | 亚洲熟女综合色一区二区三区| 国产成人一区二区三区精品久久| 国产精品女同一区二区久久| 秋霞午夜一区二区| 国产精品美女一区二区| 制服丝袜一区在线| 久久久久人妻精品一区三寸蜜桃|