css 網頁布局方式

2021-08-05 19:07:56 字數 617 閱讀 4097

1.網頁布局方式:其實就是指瀏覽器是如何對網頁中的元素進行排版的。

1)標準流(文件流、普通流)排版方式

2)在css中將元素分為三種,分別是:塊級元素、行內元素、行內塊級元素

3)在標準流中有兩種排版方式,一種是垂直排序,一種是水平排序

垂直排序:如果元素是塊級元素,那麼就會垂直排版

水平排序:如果元素是行內元素、塊內元素,就會水平排版

4)浮動流排版方式:float:浮動

浮動流只有一種排版方式,水平

它只能設定某個元素左對齊或右對齊

注意:沒有居中的設定

margin : 0 auto;設定不好用

特點:

1.浮動流中是不區分塊級元素、行內元素、行內塊級元素的,無論是塊級元素、行內元素、行內塊級元素都可以水平排版。

2。在浮動流中無論塊級元素、行內元素、行內塊級元素都可以設定寬,高

2.浮動元素的脫標

脫標:脫離標註流

當某個元素浮動之後,那麼這個元素看上去就從標準流中刪除一樣。

3.浮動元素脫標會有什麼影響?

如果前面的乙個元素浮動了,而後面的乙個元素沒有浮動,那麼這個時候前面的乙個元素就會蓋住後面的乙個元素。

網頁布局方式

網頁布局方式 1.什麼是網頁的布局方式?網頁的布局方式其實就是指瀏覽器是如何對網頁中的元素進行排版的 1.標準流 文件流 普通流 排版方式 1.1其實瀏覽器預設的排版方式就是標準流的排版方式 1.2在css中將元素分為三類,分別是塊級元素 行內元素 行內塊級元素 1.3 在標準流中有兩種排版方式,一...

CSS 網頁布局

一些布局 行布局 多列布局 聖杯布局 雙飛翼布局 會使用到 html和css基礎 會使用div css進行排版 熟悉 float屬性 position屬性。1 經典的行布局 基礎的行布局 行布局自適應 行布局自適應限制最大寬 行布局垂直水平居中 container 水平與垂直居中 container...

CSS 網頁布局

頭部區域位於整個網頁的頂部,一般用於設定網頁的標題或者網頁的 logo 鏈結鏈結 鏈結 重置瀏覽器大小檢視效果。鏈結鏈結 鏈結學的不僅是技術,更學的不僅是技術,更是夢想!學的不僅是技術,更是夢想!學的不僅是技術,更是夢想!學的不僅是技術,更是學的不僅是技術,更是夢想 學的不僅是技術,更是夢想!學的不...