整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          HTML培訓(xùn):如何在HTML中更改文本大小

          果你需要在網(wǎng)頁上創(chuàng)建標題,或者在網(wǎng)站上改變不同頁面上的文本大小,或段落中的某個特定單詞突出,可以通過使用html命令更改文本大小來做到這一點。但凡上過html培訓(xùn)學(xué)習(xí)的人都會很輕輕松學(xué)會這個操作,有導(dǎo)師指導(dǎo),學(xué)起來要容易的多。

          更改前,先備份

          無論什么時候你要更改網(wǎng)頁,無論你只是在html中更改文本大小,還是在添加照片或?qū)⒈尘皥D像更改為新模式時,在更改前始終要記住一點:備份你現(xiàn)有的頁面。這將確保如果在更改期間發(fā)生錯誤,并且此錯誤導(dǎo)致網(wǎng)頁丟失,則可以恢復(fù)到起始位置,然后再試一次。

          若要復(fù)制網(wǎng)頁,請打開該文件并復(fù)制html。然后將頁面html的副本粘貼到一個程序中,比如程序員的記事本,這是一個免費的實用程序,供網(wǎng)頁設(shè)計者/程序員使用,用于CSS、html和其他程序。

          在更改的操作中,備份是經(jīng)常要做的事,這一點非常重要,一般你在html培訓(xùn)學(xué)習(xí)時,老師都會強調(diào)這一點的。

          如何在HTML中更改文本大小

          首先,找到要更改的一行或多行文本。使用

          這個標記

          在html中更改文本大小是一個簡單的編碼問題,你可以學(xué)會自己做,你也可以使用各種額外的html技巧。通過參加html培訓(xùn)學(xué)習(xí),對html會有更系統(tǒng)更全面的認識,零基礎(chǔ)也能輕松學(xué)到有用的知識。

          了解更多

          font-size:設(shè)置字體大小:

          該屬性值的單位可以使用相對單位和絕對單位,推薦使用px。(瀏覽器能夠識別的最小像素是12px)

              p{
                font-size:20px;
              }

          常見尺寸單位:



          font-family:設(shè)置字體:

          如果需要設(shè)置多個字體樣式,則屬性值可以寫多個中間用逗號隔開即可,需要知道的是瀏覽器會從第一個字體屬性值找,直到找到自己設(shè)備有的字體顯示,自己設(shè)備沒有的字體,按設(shè)備默認字體顯示,推薦系統(tǒng)默認字體。

          
              p{
                font-family:"微軟雅黑",Arial;
              }



          font-weight:設(shè)置字體粗細:

          其屬性值有:normal正常不加粗、bold加粗、bolder更粗、lighter更細、number(整百的數(shù)字)、inherit繼承父級元素字體粗細

          p {
            font-weight:700;
          }

          font-style:設(shè)置字體風(fēng)格:

          如設(shè)置斜體、傾斜或正常字體,其屬性值:normal默認值,標準字體、italic斜體、oblique傾斜

          font:綜合設(shè)置字體樣式(字體樣式連寫):

          字體樣式連寫是有順序的,必須是嚴格遵循順序,其中不需要設(shè)置的屬性可以省略,font-size和font-family屬性值必須寫,否則字體連寫失效。

          
              p{
                /*font:font-style font-weight font-size/line-height font-family;*/
                font:italic bolder 20px/10px Arial;
              }

          提示:本文圖片等素材來源于網(wǎng)絡(luò),若有侵權(quán),請發(fā)郵件至郵箱:810665436@qq.com聯(lián)系筆者 刪除。

          筆者:苦海123

          其它問題可通過以下方式聯(lián)系本人咨詢:

          QQ:810665436

          微信:ConstancyMan

          天講了怎么使用css中font-family來設(shè)置字體,如微軟雅黑、宋體、Arial等。繼續(xù)講下使用font-size屬性來定義字體大小。

          語法如下:

          p {

          font-size:20px;

          }

          px(像素)大小是我們網(wǎng)頁的最常用的單位。谷歌瀏覽器默認的字體大小為16px 不同瀏覽器可能默認顯示的字體字號大小不一致,盡量給一個明確值大小,不要默認大小。可以給<body>指定整個頁面文字的大小。


          來看下效果:

          對應(yīng)的代碼為:

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <meta http-equiv="X-UA-Compatible" content="IE=edge">

          <meta name="viewport" content="width=device-width, initial-scale=1.0">

          <title>CSS字體屬性之字體系列</title>

          <!--對h2修改下字體-->

          <style>

          body {

          font-size: 16px;

          }

          </style>


          </head>

          <body>

          <h2>明月幾時有</h2>

          <p>明月幾時有,把酒問青天</p>

          <p>不知天上宮闕,今夕是何年</p>

          <p>我欲乘風(fēng)歸去,又恐瓊樓玉宇</p>

          <p>高處不勝寒,起舞弄清影,何似在人間。</p>

          </body>

          </html>

          有沒有發(fā)現(xiàn)除了標題標簽,其余的字的字體都是16px了?那么這里需要注意一點: 標題標簽比較特殊,需要單獨指定文字大小。

          如下的效果:

          可以看到標題字體變小了,具體的代碼為:

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <meta http-equiv="X-UA-Compatible" content="IE=edge">

          <meta name="viewport" content="width=device-width, initial-scale=1.0">

          <title>CSS字體屬性之字體系列</title>

          <!--對h2修改下字體-->

          <style>

          body {

          font-size: 16px;

          }


          h2 {

          font-size: 16px;

          }

          </style>


          </head>

          <body>

          <h2>明月幾時有</h2>

          <p>明月幾時有,把酒問青天</p>

          <p>不知天上宮闕,今夕是何年</p>

          <p>我欲乘風(fēng)歸去,又恐瓊樓玉宇</p>

          <p>高處不勝寒,起舞弄清影,何似在人間。</p>

          </body>

          </html>

          可以看到對h2單獨進行了字體設(shè)置

          h2 {

          font-size: 16px;

          }


          注意點:

          不要忘記加上px

          標題有特殊性,需要單獨設(shè)置文字大小。


          好的,今天就到這里了。晚安~


          主站蜘蛛池模板: 中文字幕在线不卡一区二区| 精品无码人妻一区二区三区不卡| 日韩AV无码一区二区三区不卡| 国产在线视频一区| 清纯唯美经典一区二区| 大香伊人久久精品一区二区| 国产成人无码一区二区在线观看 | 久久精品无码一区二区三区免费| 亚洲一区二区三区乱码A| 天堂一区二区三区在线观看| 精品一区二区久久| 日韩十八禁一区二区久久| 中文字幕人妻AV一区二区| 亚洲av鲁丝一区二区三区| 精品无码综合一区| 亚洲福利精品一区二区三区| 日本精品一区二区在线播放| 日韩一区二区在线视频| 亚洲不卡av不卡一区二区| 中文字幕在线观看一区二区| 无码精品人妻一区| 国产在线视频一区二区三区| 亚洲AV香蕉一区区二区三区| 99无码人妻一区二区三区免费| 无码精品一区二区三区在线| 中文字幕精品一区| 在线精品亚洲一区二区三区| 波多野结衣一区二区三区高清在线| 国产高清视频一区三区| 久久亚洲国产精品一区二区 | 午夜影院一区二区| 精品三级AV无码一区| 肉色超薄丝袜脚交一区二区| 日韩电影一区二区三区| 精品国产亚洲一区二区三区| 国产在线一区二区综合免费视频| 成人区人妻精品一区二区不卡视频| 亚洲一区视频在线播放| 中日韩一区二区三区| 国产日韩AV免费无码一区二区| 国产一区二区三区在线观看精品|