前端基礎（2）css

1.浮動高度坍塌

原因：父元素的高度是被子元素撐開的，當設定浮動後，會脫離文件流，子元素無法撐起父元素，所以導致高度坍塌

解決方法

.clearfix:before,

.clearfix:after

2.父子兄弟聯動

解決方法1：padding

解決方法2：float（但是有條件）

解決方法3：position:absolute

解決方法4：border

解決方法5：overflow: hidden;

3.position

相對定位：relative 針對它本身位置的起始點進行了乙個偏移

絕對定位：absolute 內聯元素變成塊元素，看它父元素的父元素是否有設定定位，如果還是沒有就繼續向更高層的祖先元素類推

static：預設值，沒有開啟定位

fixed：開啟元素的固定定位 ie6不支援固定定位大部分和絕對定位一樣，不同點永遠都會相對於瀏覽器視窗進行定位，不會隨滾動條滾動

z-index屬性只有設定position後才生效

4.文字換行

word-break: break-all;

5.三角形

1）頁面

6.練習

1）頁面

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

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

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