標準文件流其實是瀏覽器渲染頁面的乙個規則:所有的頁面元素,都要按照它在html文件**現的先後順序,依次在瀏覽器中,從左上角開始,從上到下,從左到右的順序依次顯示。
標準文件流的性質:
1.空白摺疊
2.高低不齊,底端對齊;
標準文件流可以把頁面分成兩大類:
1.塊級元素
2.行內元素
塊級元素:
1.單獨的佔一行
2.可以設定寬、高
3.如果不設定寬度,他將預設佔滿父盒子的寬度
行內元素:
1.與其他元素自動的併排在一行上
2.不能設定它的寬和高,它的寬和高就是內容的寬和高
塊級元素都是容器級的標籤,文本級元素都是行內標籤,(p標籤是特例,它是文本級的標籤,但它是塊級元素)
塊級元素和行內元素可以相互轉換:
display:block
display:inline
標準文件流
web頁面和ps等設計軟體有本質的區別,web 網頁的製作,是個 流 從上而下 像 織毛衣 而設計軟體 想往 畫東西,就去 畫 標準文件流下有以下微觀現象 多個空格會被合併成乙個空格顯示到瀏覽器頁面中。img標籤換行寫。會發現每張之間有間隙,如果在一行內寫img標籤,就解決了這個問題,但是我們不會這...
標準文件流
1.組成 a.塊極元素 換行 block level 列表b.內聯元素 不換行 inline 內聯元素可以包含塊級標籤中,成為它的子元素,而反過來則不成立。2.display屬性 a.控制元素的顯示和隱藏 b.塊級元素與行極轉換 值 說明 block 塊級元素預設值 換行符 inline 內聯元素預...
標準文件流 浮動
定義 內容從左到右,從上到下書寫的。前面的內容大小或者位置發生變化時,後面的內容位置也會隨之變化。web頁面,就是乙個標準的文件流。內容跟咱們的書寫順序有關。1 空白摺疊現象 無論多少個空格,tab,換行都會摺疊為乙個空格。張老師 真帥 2 高矮不同,底部對齊 妖怪我要你助我修行 3 一行寫滿,自動...