進一步理解CSS程式設計中的塊級元素和行內元素

2022-09-25 07:45:08 字數 882 閱讀 6165

block element 塊級元素

顧名思義就是以塊顯示的元素,高度寬度都是可以設定的。比如我們常用的

、預設狀態下都是屬於塊級元素。塊級元素比較霸道,預設狀態下每次都佔據一整個行,後面的內容也必須再新起一行顯示。當然非塊級元素也可以通過css的display:block;將其更改成塊級元素。此外還有個特殊的,float也具有此功能。

inline element 內聯元素

通俗點來說就是文字的顯示方式,與塊級元素相反,內聯元素的高度寬度都是不可以設定的,其寬度就是自身文字或者的寬度。我們常用到的、、都屬於內聯元素。內聯元素的顯示特點就是像文字一樣的顯示,不會獨自佔據乙個行。當然塊級元素也能變成內聯元素,那就是通過css的display:inline;和float來實現。

內聯元素是什麼意思呢?什麼是塊級別元素。

《css權威指南》中文字顯示:任何不是塊級元素的可見元素都是內聯元素。其表現的特性是「行布局」形式,這裡的「行布局」的意思就是說其表現形式始終以行進行顯示。比如,我們設定乙個內聯元素border-bottom:1px solid #000;時其表現是以每行進行重複,每一行下方都會有一條黑色的細線。如果是塊級元素那麼所顯示的的黑線只會在塊的下方出現。

p、h1、或div等元素常常稱為塊級元素,這些元素顯示為一塊內容;strong、span等元素稱為行內元素,它們的內容顯示在行中,即「行內框」。(可以使用display=block將行內元素轉換成塊元素,display=none表示生成的元素根本沒有框,也既不顯示元素,不占用文件中的空間)

a:行內就是在一行內的元素,只能放在行內;塊級元素,就是乙個四方塊,可以放在頁面上任何地方

b:說白了,行內元素就好像乙個單詞;塊級元素就好像乙個段落,如果不另加定義的話,它將獨立一行出現。

c:一般的塊級元素諸如段落

、標題

bufferedReader進一步理解

public static void main string args string mystring system.out.println 請輸入明文 bufferedreader buf new bufferedreader new inputstreamreader system.in try...

進一步理解委託

前面一篇文章介紹了委託的基本知識,接下來就進一步研究一下委託。其實,剛開始覺得委託型別是乙個比較難理解的概念,怎麼也不覺得下面的 assembleiphonehandler 是乙個型別。public delegate void assembleiphonehandler 按照正常的情況,如果我們要建...

前端進一步理解

非常開心能夠在這裡作工作匯報和個人總結,這是我鼓起勇氣的結果,算是成功了一半,呵呵。從剛來公司茫然失措的菜蛋到現在稍顯成熟的菜鳥,我知道我離成功又進了一步。以下是我對前端的理解和對自己這段時間的總結 一 前端職責 前端開發是由網頁製作演變而來的,它的主要職能就是把 的介面更好地呈現給使用者,主要包括...