前端全套視頻HTML+CSS+JS+jQuery筆記(三)

2. CSS

2.1 css 概念

在這裏插入圖片描述

2.2 css 的引入

在這裏插入圖片描述
在這裏插入圖片描述
style中是所有的hr遵循的樣式,而在hr中使用style屬性可以聲明只這一標籤的樣式。

在這裏插入圖片描述
在這裏插入圖片描述
引用外部的css樣式
在這裏插入圖片描述

2.3 css 選擇器

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
[注]應該是repeat,沒有e
css參考地址:w3school

2.4 css 的使用

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
設置左懸浮時(無序列表橫着顯示),默認height=0,所以必須先設置,然後才能顯示背景顏色
在這裏插入圖片描述
照片傾斜角度:正的是順時針旋轉,負的是逆時針旋轉
在這裏插入圖片描述

2.5 css 盒子模型

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
用div套div,防止錯亂

2.6 css 的定位

在這裏插入圖片描述
使用了relative,那和其他的div就不在同一層級上了
使用z-index可以設定顯示的優先級

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
+TAB鍵
標題圖片必須是.ico,所以重命名引入即可
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章