第三天:讓簡歷有點色彩
這一節課是來初步了解什麼是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 首先是沒有固定在頁面底部,而是處於了的下方,主要是由於部分還沒有寫好內容未撐開導...