溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css中怎么設(shè)置a標(biāo)簽的大小

發(fā)布時(shí)間:2022-03-08 11:16:33 來源:億速云 閱讀:1162 作者:iii 欄目:web開發(fā)

今天小編給大家分享一下css中怎么設(shè)置a標(biāo)簽的大小的相關(guān)知識點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。

一、相熟若何設(shè)置裝備擺設(shè)字體大小

字體大小css屬性單詞:font-size

div{font-size:14px}

設(shè)置網(wǎng)頁中div字體大小為14px

a{font-size:16px}

配置默認(rèn)超鏈接a字體大小為16px

二、a標(biāo)具名體大小設(shè)置實(shí)踐組織使用闡發(fā)與實(shí)例

1、運(yùn)用場景刻劃
默許網(wǎng)頁中超鏈接a設(shè)置一個(gè)值字體大小,在布局中,某一個(gè)對象內(nèi)超鏈接a再配置一個(gè)不同文本字體大小值。

2、實(shí)例代碼

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS超鏈接字體的大小實(shí)例 css5.com.cn</title>
<style>
a{ font-size:16px}
/* 配置此網(wǎng)頁默認(rèn)超鏈接字體大小為16px */
.adx a{ font-size:24px}
/* 配置class=adx對象內(nèi)超鏈接字體大小為24px */
a.zj{font-size:12px}
/* a標(biāo)簽內(nèi)配置class=zj的字體大小為12px */
</style>
</head>
<body>
<p>1、默許環(huán)境下字體大小,隨閱讀器默認(rèn)!</p>
<p>2、<a href="#">超鏈接文字</a>沒有超鏈接</p>
<p class="adx">3、指定模式<a href="#">超鏈接</a>看看大小</p>
<p>4、<a href="#" class="zj">超鏈接</a>標(biāo)簽配置class</p>
</body>
</html>

3、實(shí)例成效截圖

css中怎么設(shè)置a標(biāo)簽的大小

4、實(shí)例解釋
div css結(jié)構(gòu)超鏈接筆墨大小實(shí)例等分為4段文字,首先默認(rèn)設(shè)置裝備擺設(shè)超鏈接a標(biāo)簽字體大小為16px,可以看出第1段文字即透露表現(xiàn)默認(rèn)16px大小翰墨;第3段對p配置class=adx,可以瞥見其內(nèi)的筆墨大小為24px,這類叫顛末對象指定對象內(nèi)標(biāo)簽a設(shè)置花樣;第4段直接對a標(biāo)簽內(nèi)設(shè)置裝備擺設(shè)class=zj,獲勝設(shè)置a字體不合大小。

以上就是“css中怎么設(shè)置a標(biāo)簽的大小”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識,如果還想學(xué)習(xí)更多的知識,請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI