在前端開(kāi)發(fā)中，樣式的設(shè)置是極其重要的，我們經(jīng)常聽(tīng)到的兩種樣式分別為內(nèi)聯(lián)樣式和外聯(lián)樣式。
內(nèi)聯(lián)樣式就是直接將CSS樣式規(guī)則寫在 HTML 的元素標(biāo)簽內(nèi)，這種方式可以針對(duì)個(gè)別元素設(shè)置特定的樣式。如下所列：
<div style="background-color:blue; color:white;"> <p>這是一個(gè)內(nèi)聯(lián)樣式的元素。</p> </div>
上述代碼中，實(shí)現(xiàn)的樣式就是給一個(gè)div標(biāo)簽添加了藍(lán)色的背景和白色的文本。
而外聯(lián)樣式則是將樣式規(guī)則集中在一起放在一個(gè)樣式文件里，一次性地應(yīng)用到多個(gè)元素上。如下所列：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="box"> <p>這是一個(gè)外聯(lián)樣式的元素。</p> </div> </body>
上述代碼中，將CSS樣式存放在名為style.css的文件中，在head標(biāo)簽中進(jìn)行鏈接，然后在 HTML 元素中通過(guò)class屬性來(lái)進(jìn)行調(diào)用。
總的來(lái)說(shuō)，內(nèi)聯(lián)樣式雖然可以針對(duì)特定元素進(jìn)行樣式定制，但是在維護(hù)和修改上不夠便利；而外聯(lián)樣式集中規(guī)則，修改起來(lái)比較方便，且能夠統(tǒng)一整個(gè)頁(yè)面的樣式。