前端基礎 2 CSS

2022-06-05 23:45:08 字數 571 閱讀 5168

選擇器

注釋用:/*這裡是注釋*/

在html標籤中用style屬性值設定「key:value1,value2...;key:value1,value2...」

我是內容

在html**的head標籤中用style標籤來定義css樣式(要用到選擇器,這裡先用標籤選擇器)

把css樣式寫成單獨的css檔案(要用到選擇器),再在html頭標籤中用link標籤引入(注意:這裡沒有style標籤)

div

span

標籤選擇器

標籤名
id選擇器

#id
class選擇器

.class的值
組合選擇器

選擇器 1,選擇器 2,選擇器 n

前端基礎(2)css

1.浮動高度坍塌 原因 父元素的高度是被子元素撐開的,當設定浮動後,會脫離文件流,子元素無法撐起父元素,所以導致高度坍塌 解決方法 clearfix before,clearfix after 2.父子兄弟聯動 解決方法1 padding 解決方法2 float 但是有條件 解決方法3 positi...

前端學習筆記 2 CSS 基礎

標籤 前端 css 布局模型 顏色和長度 設定小技巧 參考資料 css 樣式由選擇符和宣告組成,而宣告又由屬性和值組成。選擇器 從css 樣式 插入的形式來看基本可以分為以下3種 內聯式 嵌入式和外部式三種。優先順序遵循就近原則,一般來說,內聯式 嵌入式 外部式。例子這裡文字是紅色。type tex...

前端2 CSS 更新完畢

1 css是什麼?2 css的發展史 3 為什麼要學這個東西?3 css的語法格式 4 簡單的體驗一把css 目前看這個體驗看不懂也沒事,慢慢就懂了 5 css的優勢 實現了html 和 css結構分離的思想 即 內容 結構 和 表現分離 網頁結構 表現統一,可以實現復用 樣式十分的豐富 6 css...