前端學習 第三天

2021-09-07 15:54:44 字數 1020 閱讀 2454

css 指層疊樣式表 (cascading style sheets),為了顯表現html 元素,使html內容與表現分離。

當瀏覽器顯示文件時,它必須將文件的內容與其樣式資訊結合。它分兩個階段處理文件:

(1)瀏覽器將 html 和 css 轉化成 dom (文件物件模型)。dom在計算機記憶體中表示文件。它把文件內容和其樣式結合在一起。

(2)瀏覽器顯示 dom 的內容

選擇器

每一條css樣式定義由兩部分組成, 「選擇器 」。 「選擇器」指明了{}中的「宣告塊」的作用物件,也就是「樣式」作用於網頁中的哪些元素。

選擇器分為兩種,簡單選擇器和屬性選擇器。

簡單選擇器分為四種。

(1)元素選擇器:選擇器名是html元素名;

(2)classs選擇器: 用「.」來標記 ;

(3)id選擇器:用「#」來標記 id名稱必須在檔案中是唯一的;

(4)通用選擇:用」*「來標記 選擇乙個頁面中所有的元素。

屬性選擇器

(1)、根據存在的值屬性選擇器

(2)、子串值屬性選擇器(又稱『偽正選擇器』)

(1)text-indent:文字縮排屬性,計算值百分比或者指定長度。

(2)text-align:水平對齊,計算值left,center,right,justify。

(3)line-height:行高,計算值百分比或者指定長度。

(4)vertical-align:垂直對齊,計算值baseline,sub,super,top,text-top,middle,bottom,text-bottom,inherit。

(5)word-spacing:字間隔,計算值長度。

(6)letter-spacing:詞間距,計算值長度。

(7)text-transform:文字轉換,計算值uppercase,lowercase,capitalize

(8)text-decoration:文字修飾,計算值underline,overline,line-through

(9)text-shadow:文字陰影,

前端學習第三天

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

前端第三天

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

前端第三天

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