前端2 CSS 更新完畢

2022-09-09 15:03:36 字數 1421 閱讀 6970

1、css是什麼?

2、css的發展史

3、為什麼要學這個東西?

3、css的語法格式

4、簡單的體驗一把css( 目前看這個體驗看不懂也沒事,慢慢就懂了 )

5、css的優勢

實現了html 和 css結構分離的思想( 即:內容[ 結構 ] 和 表現分離 )

網頁結構、表現統一,可以實現復用

樣式十分的豐富

6、css匯入html的三種方式

css**

效果如下:

7、css的選擇器( 重點中的重點 ) ———— 作用:選擇頁面中某乙個 或 多個 或 某一類元素( 標籤對應的內容嘛 )

學選擇器就把這個頁面想象成乙個樹嘛,這個就很好理解了( 包括後面學js中的dom節點的增刪查改操作也一樣,也是弄成一棵樹來理解 )

這兩個的核心都是為了找元素澀

為js的dom節點操作打一下基礎( 不懂js的沒事兒,後面就懂了,js基礎就和j**a資料型別、陣列、流程控制差不多,然後核心就是dom節點操作 和 定時器而已 ):用樹來理解上述的**

8、美化網頁( 即:樣式設計 ) —— 這裡面都是重點咯

css**

css**

css**

css**

知識補充:對漸變方向的補充

對角漸變(  對角線嘛 )

9、盒子模型

css**

注:相對定位並沒有脫離文件流,它還在文件流布局中,並且原來的位置還會保留( 並沒有丟失 ),因此移動元素操作不當很大可能會覆蓋其他的元素( 但:有時場景又需要它去覆蓋指定的盒子 ),如下圖所示:

html**

css**( 我懶得認真寫了,意思意思,注:下面的**可以做簡化 )

至此,前端css已完畢

同時,這只是羅列出來的知識,還有其他的,任重而道遠啊

前端基礎 2 CSS

選擇器 注釋用 這裡是注釋 在html標籤中用style屬性值設定 key value1,value2.key value1,value2.我是內容 在html 的head標籤中用style標籤來定義css樣式 要用到選擇器,這裡先用標籤選擇器 把css樣式寫成單獨的css檔案 要用到選擇器 再在h...

前端基礎(2)css

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

前端學習筆記 2 CSS 基礎

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