標準文件流

2022-08-05 11:42:12 字數 1803 閱讀 8926

web頁面和ps等設計軟體有本質的區別,web 網頁的製作,是個“流”,從上而下 ,像 “織毛衣”。而設計軟體 ,想往**畫東西,就去**畫

標準文件流下有以下微觀現象

多個空格會被合併成一個空格顯示到瀏覽器頁面中。img標籤換行寫。會發現每張之間有間隙,如果在一行內寫img標籤,就解決了這個問題,但是我們不會這樣去寫我們的html結構。這種現象稱為空白摺疊現象。

文字還有大小不一,都會讓我們頁面的元素出現高矮不齊的現象,但是在瀏覽器檢視我們的頁面總會發現底邊對齊

如果在一行內寫文字,文字過多,那麼瀏覽器會自動換行去顯示我們的文字

標準文件流等級森嚴。標籤分為兩種等級:

比如h1標籤和span,同時設定寬高,來看瀏覽器效果,你會發現:

行內元素和塊級元素的區別:

行內元素:

塊級元素:

在html中,將標籤分為了:文字級、容器級。

從html的角度來講,標籤分為:

現在,從css的角度講,css的分類和上面的很像,就p不一樣:

我們可以通過display屬性將塊級元素和行內元素進行相互轉換。display即“顯示模式”。

塊級元素可以轉換為行內元素:

一旦,給一個塊級元素(比如div)設定:

display: inline;
那麼,這個標籤將立即變為行內元素,此時它和一個span無異。inline就是“行內”。也就是說:

同樣的道理,一旦給一個行內元素(比如span)設定:

display: block;
那麼,這個標籤將立即變為塊級元素,此時它和一個div無異。block”是“塊”的意思。也就是說:

標準流裡面的限制非常多,導致很多頁面效果無法實現。如果我們現在就要並排、並且就要設定寬高,那該怎麼辦呢?辦法是:移民!脫離標準流

css中一共有三種手段,使一個元素脫離標準文件流:

浮動絕對定位

固定定位

標準文件流等級森嚴。標籤分為兩種等級:

比如h1標籤和span,同時設定寬高,來看瀏覽器效果,你會發現:

行內元素和塊級元素的區別:

行內元素:

塊級元素:

在html中,將標籤分為了:文字級、容器級。

從html的角度來講,標籤分為:

現在,從css的角度講,css的分類和上面的很像,就p不一樣:

我們可以通過display屬性將塊級元素和行內元素進行相互轉換。display即“顯示模式”。

塊級元素可以轉換為行內元素:

一旦,給一個塊級元素(比如div)設定:

display: inline;
那麼,這個標籤將立即變為行內元素,此時它和一個span無異。inline就是“行內”。也就是說:

同樣的道理,一旦給一個行內元素(比如span)設定:

display: block;
那麼,這個標籤將立即變為塊級元素,此時它和一個div無異。block”是“塊”的意思。也就是說:

標準流裡面的限制非常多,導致很多頁面效果無法實現。如果我們現在就要並排、並且就要設定寬高,那該怎麼辦呢?辦法是:移民!脫離標準流

css中一共有三種手段,使一個元素脫離標準文件流:

浮動絕對定位

固定定位

IO流 位元組流,字元流,緩衝流

一 io流的分類 組織架構 這麼龐大的體系裡面,常用的就那麼幾個,我們把它們抽取出來,如下圖 二 字元位元組 輸入輸出流的概念 字元流的由來...

物件流 列印流和轉換流

物件流 物件流 object0utputstream 0bjectinputstream 增強了緩衝區功能 增強了讀寫8種基本資料型別和字串功能 增強了讀寫物件的功能 1 read0bject 從流中讀取一個物件 2 write0bject 0bject obj 向流中寫入一個物件 使用流傳輸物件...

IO流之字元流

字元流產生的原因 1 每次只能夠讀取一個位元組或者一個位元組陣列,每次在需要轉換成字元或者字串的時候不是很方便 2 不同的作業系統針對換行符的處理不方便 3 有的時候會出現中文亂碼 中文佔兩個位元組,如果針對中文中某個位元組做了轉換或者顯示,就會出現亂碼 4 如果需要讀取某一行資料,非常不方便 編碼 st...