整合營(yíng)銷服務(wù)商

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

          免費(fèi)咨詢熱線:

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

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

          更改前,先備份

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

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

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

          如何在HTML中更改文本大小

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

          這個(gè)標(biāo)記

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

          了解更多

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

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

              p{
                font-size:20px;
              }

          常見(jiàn)尺寸單位:



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

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

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



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

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

          p {
            font-weight:700;
          }

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

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

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

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

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

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

          筆者:苦海123

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

          QQ:810665436

          微信:ConstancyMan

          由于前端所設(shè)計(jì)的領(lǐng)域太多,每篇文章所能講述的知識(shí)點(diǎn)太多,對(duì)于讀者來(lái)說(shuō)不太好消化,因此以后基本是采用一篇文章一個(gè)知識(shí)點(diǎn)來(lái)寫(xiě)作。

          今天這篇文章主要講解css中a標(biāo)簽的高度和寬度問(wèn)題。

          css

          問(wèn)題描述

          在采用div+css的方式布局頁(yè)面時(shí),對(duì)于超鏈接a標(biāo)簽,無(wú)法設(shè)置其高度和寬度,即使對(duì)其設(shè)置了width和height屬性,也不會(huì)生效。

          我們通過(guò)如下例子來(lái)看看。

          給a標(biāo)簽設(shè)置了如下css屬性。

          css屬性

          但是從下圖可以看出,a標(biāo)簽的高度和寬度沒(méi)有發(fā)生變化,仍然是122px*22px。

          實(shí)際效果

          問(wèn)題原因

          為什么會(huì)出現(xiàn)這個(gè)情況呢?

          因?yàn)閍標(biāo)簽屬于行內(nèi)元素,行內(nèi)元素是無(wú)法直接設(shè)置高度和寬度的。

          遇到這個(gè)問(wèn)題,我們?cè)撛趺唇鉀Q呢,主要有以下幾個(gè)方法。

          解決方法1-設(shè)置塊級(jí)元素

          既然行內(nèi)元素?zé)o法設(shè)置高度和寬度,那么我們將其設(shè)置為塊級(jí)元素呢?

          我們對(duì)a標(biāo)簽設(shè)置以下的樣式。

          設(shè)置display:block

          我們可以看出a標(biāo)簽的高度和寬度發(fā)生了變化,而且在設(shè)置為塊級(jí)元素后,占據(jù)了一整行的位置。

          高度發(fā)生變化

          解決方法2-設(shè)置浮動(dòng)

          通過(guò)將a標(biāo)簽設(shè)置為浮動(dòng)狀態(tài),同樣可以改變其高度和寬度。

          我們給a標(biāo)簽設(shè)置以下css樣式。

          設(shè)置為浮動(dòng)元素

          我們可以看出a標(biāo)簽的高度和寬度發(fā)生了變化,并且其占據(jù)的寬度和設(shè)置的width屬性一樣,與方法1呈現(xiàn)的不一樣。

          改為浮動(dòng)元素

          方法3-設(shè)置padding屬性

          在設(shè)置padding屬性的時(shí)候,不能直接改變a標(biāo)簽的高度和寬度,實(shí)際是一種模擬的狀態(tài)。

          而且需要注意的是在設(shè)置padding-top和padding-bottom時(shí)是不生效的,即使從控制臺(tái)看元素顯示占據(jù)了空間,但不會(huì)影響頁(yè)面的布局。因此在設(shè)置padding屬性時(shí),實(shí)際只會(huì)影響到a標(biāo)簽的寬度。

          我們給a標(biāo)簽設(shè)置以下padding屬性。

          設(shè)置padding屬性

          我們可以看出a標(biāo)簽占據(jù)的高度和寬度發(fā)生了變化,但是實(shí)際只是寬度占據(jù)的空間發(fā)生變化,高度不變。

          設(shè)置padding屬性

          結(jié)束語(yǔ)

          今天這個(gè)簡(jiǎn)單的知識(shí)點(diǎn):設(shè)置a標(biāo)簽的高度和寬度,大家都學(xué)會(huì)了嗎?


          主站蜘蛛池模板: 亚洲一区二区三区影院| 日本一道高清一区二区三区| 国产综合无码一区二区色蜜蜜| 亚洲AV色香蕉一区二区| 亚洲一区二区三区在线观看精品中文| 国产一区视频在线| 久久国产一区二区三区| 麻豆AV天堂一区二区香蕉| 精品无码国产一区二区三区麻豆| 日韩有码一区二区| 消息称老熟妇乱视频一区二区| 麻豆果冻传媒2021精品传媒一区下载| 在线精品日韩一区二区三区| 久久一区二区三区免费| 亚洲国产美女福利直播秀一区二区| 精品无码人妻一区二区三区18| 亚洲成a人一区二区三区| 亚洲一区二区三区日本久久九| 亚洲码欧美码一区二区三区| 午夜福利国产一区二区| 亚洲一区精品视频在线| 日本精品少妇一区二区三区| 亚洲一区二区三区夜色| 视频一区在线免费观看| 无码精品人妻一区二区三区中| 婷婷亚洲综合一区二区| 久久福利一区二区| 亚洲AV无码一区二三区| 亚洲日韩AV一区二区三区中文| 波多野结衣高清一区二区三区| 亚洲国产系列一区二区三区| 国产在线精品一区二区不卡麻豆| 精品一区二区三人妻视频| 日韩精品无码视频一区二区蜜桃| 国内精品一区二区三区东京| 一区二区三区无码视频免费福利| 国产精品亚洲一区二区三区久久| 老熟妇仑乱视频一区二区| 国产精品毛片一区二区| 国产一区二区三区在线免费观看 | 国产丝袜一区二区三区在线观看|