百度前端學院 基礎學院 第三課

2022-08-01 10:09:14 字數 1310 閱讀 2252

第三天:讓簡歷有點色彩

這一節課是來初步了解什麼是css,掌握基本的css概念,語法,學習如何設定一些簡單的樣式。

好記性不如爛筆頭,開始:

字型:font-style:設定字型傾斜。

font-weight: 設定文字的粗體大小。

text-transform :設定要轉換的字型。可以轉換成大小寫,首字母大寫。

text-decoration:  設定下劃線,上劃線,穿越文字的線。

text-shadow:設定文字陰影。取值較多,具體參考:

文字布局:

text-align: 控制在盒子中的位置。

line-height:控制行高。

letter-spacing/ word-spacing: 設定字母與字母直接的間距,或者字與字直接的間距。

text-overflow: 控制如何顯示溢位文字。

direciton: 控制文字方向,語法:

overflow-wrap:是用來說明當乙個不能被分開的字串太長而不能填充其包裹盒時,為防止其溢位,瀏覽器是否允許這樣的單詞中斷換行。

css實際上是如何工作的?

瀏覽器講html和css轉化為domtree,講文件內容和樣式結合在一起。第二步,瀏覽器顯示dom內容。

css選擇器:

非常簡單的選擇器有:  元素選擇器(型別選擇器),類選擇器,id選擇器,通用選擇器(*)

屬性選擇器有: 用組成,詳細請參考:

組合器:

百度前端學院第三天 CSS基本

color red 設定顏色 font family sans serif 設定字型樣式 font style italic 設定字型風格 normal 預設值。瀏覽器顯示乙個標準的字型樣式。italic 瀏覽器會顯示乙個斜體的字型樣式。oblique 瀏覽器會顯示乙個傾斜的字型樣式。inherit...

百度前端技術學院 基礎學院 學習筆記(一

1 html是什麼,html5是什麼 答 html 超文字標記語言 html5最新的html標準,擁有更豐富的語義 圖形 以及多 元素等內容 2 html元素標籤 屬性都是什麼概念?答 html不是程式語言,是標記語言,所以要使用標記標籤來描述網頁。屬性是用來提供html標籤更多的資訊。3 文件型別...

百度前端技術學院 零基礎學院(7,8)

設計圖如下 步驟 一 分出幾個塊 首部,中間包括乙個960px寬的劇中div,div裡包括logo和三個鏈結 宣傳欄,含有乙個輪顯數字 主要內容區,包括乙個導航欄和寬度自適應的內容塊 底部,包含水印 二 遇到的問題 1 首先是沒有固定在頁面底部,而是處於了的下方,主要是由於部分還沒有寫好內容未撐開導...