小白css基礎學習記 2

2021-10-05 13:03:37 字數 585 閱讀 4295

css之浮動:

**/* pc端css傳統布局方式;

乙個完整的網頁一般由三種混合使用

1.標準流、普通流:標籤按照規定好的預設方式排列(豎著排列)

2.浮動:改變標籤預設的排列方式(橫著排列)

(1):脫離標準普通流的控制(浮)移動到指定位置(動),俗稱脫標

(2):浮動的盒子不再保留原先的位置

(3):浮動是上沿對齊

(4):一行位置不夠時,會另起一行顯示

(5);具有浮動的元素等同於行內塊元素,如果元素有了浮動

則無需再加boxsize轉換

(6):浮動一般與標準流搭配用,標準流父盒子,浮動子盒子 */

**/* div 同一行顯示 */

div

span

<

/style>

<

/head>

1<

/div>

2<

/div>

3<

/div>

<

/span>

<

/body>

css小白學習

什麼是盒子模型 每乙個元素都是乙個盒子 每乙個盒子是由content padding border margin組成 content是盒子的內容區域,padding是設定盒子內容區域到邊框之間的距離 border是設定的邊框 margin是設定盒子與盒子之間的距離 盒子模型分類 1.從型別上分為 1...

小白入門 CSS基礎

1.層疊樣式表 cascading style sheet,css 樣式就是格式,對於網頁來說,顯示的文字的大小,顏色以及的位置等,都是網頁顯示的樣式。層疊指當html檔案引用多個css樣式表時,如果css的定義發生衝突,瀏覽器將依據層次的先後順序來應用樣式,如果不考慮樣式的優先順序時,一般會遵循 ...

小白學習css的筆記

什麼是css 語法 屬性的設定 width 100pc height 100px blackgroud color black 如果不在style屬性裡,就寫在乙個 塊裡 選擇器 選擇某一種元素的一種方式 css的注釋 注釋的寫法 注釋內容 作用 增加 的可讀性,便於 的維護和管理 注意 注釋不能巢...