整合營銷服務商

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

          免費咨詢熱線:

          Markdown小知識-標題、段落、分割線

          .標題

          寫法

          # 一級標題

          ## 二級標題

          ### 三級標題

          #### 四級標題

          ##### 五級標題

          ###### 六級標題

          效果如下:

          如上所示,想要獲得幾級標題的樣式,只需要在前面添加幾個#號就可以。需要注意的是,最后一個#和要顯示的標題文字之間必須空開至少一個空格。

          2.段落

          2.1段落的縮進

          由于中文輸入習慣,我們習慣在每個段落的開頭縮進兩個字符,這與我們的閱讀習慣相符合。縮進兩個字符其實就是使用空格鍵作為兩個占位符,但是在markdown中的空格鍵會被累加消除(但是現在大部分網上的markdown編輯器或主流編輯器均有選項),因此我們需要使用HTML提供的空格實體實現段落的縮進。
          全角空格(Em Space)它占據的寬度正好是1個中文字的寬度,并且可以累加,不會受到字體影響(其實有很多HTML的空格實體,看個人愛好而定)。因此,如果需要在每個段落開頭實現縮進兩個字符的效果,可以在段落文字前加上下面的代碼:

            ??

          2.2段落的生成

          段落的生成要和文字的換行進行區分,如果你在上個段落結束后,只按了一次Enter鍵,那么會得到如下效果:

          所以一次Enter鍵只能得到換行的效果。如果你在上個段落結束后選擇按下2次Enter鍵,那么就會得到如下效果:

          3.分割線

          3.1常用的分割線

          分割線常用的符號有:減號-,星號*,下劃線_
          ??只要上面任意一種符號連續累加到三個或者三個以上就能形成分割線。效果如下:


          3.2小結:

          對于標題,建議使用 # 號,幾級標題就是幾個 #;
          對于段落,要按2次Enter區分,縮進用&emap;代表一個空格;
          對于分割線,建議使用三個或以上的 * 號或者-號,以免與標題混淆。


          原圖樣式)

          今天我們講一下幾個文本標簽<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>

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


          主站蜘蛛池模板: 天堂Av无码Av一区二区三区| 台湾无码AV一区二区三区| 国模精品一区二区三区| 无码人妻aⅴ一区二区三区有奶水| 日本一区二区三区在线视频| 亚洲国产情侣一区二区三区| 国产免费一区二区视频| 婷婷国产成人精品一区二| 国产视频一区二区| 国产SUV精品一区二区四| 国产电影一区二区| 人妻无码视频一区二区三区| 538国产精品一区二区在线| 日韩一区二区三区视频久久| 国产一区二区在线观看麻豆| 精品国产亚洲一区二区三区在线观看| 亚洲综合一区无码精品| 无码国产精品一区二区免费虚拟VR| 无码人妻一区二区三区在线| 精品视频一区二区三区免费| 久久4k岛国高清一区二区| 水蜜桃av无码一区二区| 91精品国产一区二区三区左线| 美女啪啪一区二区三区| 久久一本一区二区三区| 亚洲一区二区在线免费观看| 亚洲成AV人片一区二区| 亚洲AV无码一区二区二三区软件| 无码精品人妻一区二区三区人妻斩| 国产乱码一区二区三区爽爽爽| 亚洲啪啪综合AV一区| 亚洲AV色香蕉一区二区| 亚洲熟妇无码一区二区三区| 国产精品一区视频| 国产精品免费综合一区视频| 国产成人精品a视频一区| 亚欧成人中文字幕一区| 人妻视频一区二区三区免费| 福利一区在线视频| 日韩免费观看一区| 爱爱帝国亚洲一区二区三区 |