您好,登錄后才能下訂單哦!
這篇文章主要介紹“HTML尺寸單位是什么”,在日常操作中,相信很多人在HTML尺寸單位是什么問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”HTML尺寸單位是什么”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
尺寸單位用于描述大小的單位就是尺寸單位。
例如,描述文字的大小,描述文字行的高度,描述div的寬度,描述行與行之間的間距,等等。
不同元素的尺寸單位可能不同,例如對字體大小的單位有:像素/em/百分比等方式;對div寬度的單位有:像素/百分比等等。
使用像素設置文本大小,如下:
font-size: 30px;
使用em來設置字體大小,如下:
font-size: 3.75em;
em單位相當于倍數關系,1em等于當前的字體尺寸,瀏覽器默認的文本大小是16像素,因此1em的默認尺寸就是16像素,3.75em相當于60像素。
注意:所謂當前的字體尺寸,就是指當前元素的字體尺寸,如果當前元素未定義字體尺寸,則等于當前元素的父元素的字體尺寸。
所謂父元素,是指當前元素的嵌套關系的上一級元素。
例如<body style="font-size: 20px;"><div style="font-size: 3em;">簡介</div></body>
可以計算出div這個元素的字體大小為60px。
由此,可以總結出像素是絕對的,不受上下級關系的影響,而em是受上下級關系的影響的,要根據具體情況來使用。
練習:
在body的 style里面增加font-size屬性,然后將div的font-size屬性修改為em單位,調整數值熟悉兩種方式。
html的全稱為超文本標記語言,它是一種標記語言,包含了一系列標簽.通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體,html文本是由html命令組成的描述性文本,html命令可以說明文字,圖形、動畫、聲音、表格、鏈接等,主要和css+js配合使用并構建優雅的前端網頁。
到此,關于“HTML尺寸單位是什么”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。