站長資訊網(wǎng)
a是行內(nèi)元素。行內(nèi)元素一般是內(nèi)容的容器，寬度和高度依據(jù)內(nèi)容而定，不可以設(shè)置，可以和其它元素和平共處于一行。而a元素用于設(shè)置超鏈接，不會獨占一行，可以和其他行內(nèi)元素在一行上顯示；且a元素的寬度和高度依據(jù)內(nèi)容而定，height和width屬性無法起作用，外邊距屬性margin-top和margin-bottom也無法起作用。
如何快速入門VUE3.0：進(jìn)入學(xué)習(xí)
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
行內(nèi)元素一般是內(nèi)容的容器，沒有自己的獨立空間，它是依附于其他塊級元素存在的。一般情況下，行內(nèi)元素只能包含內(nèi)容或者其它行內(nèi)元素，寬度和高度依據(jù)內(nèi)容而定，不可以設(shè)置，可以和其它元素和平共處于一行。行內(nèi)元素適合顯示具體內(nèi)容。
行內(nèi)元素的特點：
1、和其他元素都在一行上；
2、高度、行高和頂以及底邊距都不可改變；
3、寬度就是它的文字或圖片的寬度，不可改變。
總的來說，行內(nèi)元素一般都是基于語義級(semantic)的基本元素，它只能容納文本或者其他行內(nèi)元素，通常被包括在塊元素中使用，常見行內(nèi)元素有“a、span、b、br”等。
-
a不會獨占一行，它和其他元素都在一行上
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>marquee</title> <style> a{ background-color: red; } </style> </head> <body> <a href="#">a標(biāo)簽</a> <a href="#">a標(biāo)簽</a><span>span標(biāo)簽</span> </body> </html>
-
a的高度、行高和頂以及底邊距都不可改變；
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>marquee</title> <style> a,p{ background-color: red; height: 100px; width: 100px; margin-top: 50px; margin-bottom: 50px; } </style> </head> <body> <a href="#">a標(biāo)簽</a> <a href="#">a標(biāo)簽</a><span>span標(biāo)簽</span> <p>p標(biāo)簽</p> <span>span標(biāo)簽</span> </body> </html>
a和p標(biāo)簽設(shè)置了同樣的樣式，但a是行內(nèi)元素，height、width、margin-top、margin-bottom屬性都無法起作用；而p是塊狀元素，這些屬性可以起作用。
（學(xué)習(xí)視頻分享：web前端入門）
