前端成長記錄 第三天

2021-10-10 04:51:57 字數 965 閱讀 3880

1.三種顯示模式

標籤、標籤、標籤、標籤、標籤、標籤、標籤、標籤

行內(內聯)顯示模式:設定寬高不起作用,一行可以有多個,沿著文字的基線對齊,寬高是被內容的大小撐開的,不能直接通過text-align居中;如果需要居中,需要在外邊套上

標籤,給

設定居中,對應的元素為行內(內聯)元素,常見的行內元素有:標籤、標籤、標籤、標籤、標籤、標籤、標籤、標籤、標籤、標籤

行內塊顯示模式:設定寬高起作用,一行可以有多個,沿著文字的基線對齊,不能直接通過text-align居中;如果需要居中,需要在外邊套上

標籤,給

設定居中,對應的元素為行內塊元素,常見的行內塊元素有:

img會導致排版混亂,詳情請看該文章。

2.三種顯示模式的轉換

行內式:直接在對應的標籤中進行書寫,書寫非常方便,html和css**摻雜在一起,耦合度極高,維護**非常麻煩,在工作中基本不用

style

="width

: 100px;

height

: 100px;

background

: red;

">

盒子div

>

內嵌式:寫在html檔案的標籤中,書寫相對簡單,html和css**相對分離,耦合度較低,維護**較方便,在工作中偶爾使用

外鏈式:直接書寫在新的css檔案中,在標籤中使用標籤進行呼叫,不用寫標籤,書寫相對麻煩,html和css**絕對分離,耦合度極低,維護**方便,在工作中經常使用。

rel=

"stylesheet"

type

="text/css"

href

="one.css"

/>

前端第三天

排版標籤 注釋作用不顯示在瀏覽器頁面 段落標籤 換行標籤 為段落換行 水平分割線 分割段落 居中 將文字 等 位置居中 w3c中不建議使用 預設格式 令檔案按照與那時碼的方式來顯示 區域 區隔 設定位置 定義斜體 格式標籤 擷取首字母縮寫 縮寫定義文件作者資訊 字型粗體顯示 定義文字的方向 脫離周圍...

前端第三天

display 通過顯示方式來分類 inline 同行顯示,不支援寬高,寬高由內容決定 block 異行顯示,支援所有css樣式,設定寬高 inline block 同行顯示支援所有css樣式 盒模型 margin border padding content,四個部分區域 margin top m...

前端學習第三天

float left 設定左浮動 z index 100 重疊時顯示的順序,值越大越在上面 position fixed 固定 text align center 字型對齊方式 z index 屬性設定元素的堆疊順序 擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。所以,z index 9...