前端HTML CSS學習第二天

2021-10-07 17:37:23 字數 575 閱讀 7834

1.ctrl+shift+k 刪除整行

2.高度塌陷:子元素浮動後,從文件流中脫離,無法撐起父元素,導致父元素高度塌陷,父元素高度丟失後,會影響影響頁面中其他元素的整體布局

解決辦法:啟動bfc

bfc特點:

1.開啟bfc的元素不會被父元素覆蓋;

2.開啟bfc的元素,其子元素不會與其父元素重疊,這樣在設定子元素的margin時也不會影響父元素的margin,只會在父元素的內部移動;

3.開啟bfc的元素可以包含浮動元素;

bfc開啟方式:

1.設定元素浮動: float:left(***大。不推薦使用);

2.將元素設定為行內塊元素: display:inline-block;(不推薦使用)

3.將元素overflow設定為乙個非visible的值

overflow:auto

或者overflow:hidden

4.文字會自動環繞在浮動元素周圍

5.設定了clear屬性的元素,不會被其他浮動元素影響;clear:left;clear:right;clear:both;(both指的是清除影響較大的一側)

6.

前端學習第二天

1.what is web 語義化 假設我們世界中有乙隻神奇小爬蟲,這個小爬蟲非常神奇,我們看不到它,同時它爬行的速度非常快,它可以在世界上所有的計算機之間爬來爬去,爬過的地方都會留下一條線,這條線就是網線。當小爬蟲爬過了大部分的計算機之後,這些計算機就組成了網路,而爬蟲的速度可以理解成網速。小爬蟲...

前端學習第二天

一 html文字標籤 hn,span,p html中標題 heading 分為6級,分別是 h1 h2 h3 h4 h5 h6 h1 h6標籤具有和p標籤一樣的特徵 佔滿整行,上下換行 普通文字標籤span 在html用於顯示文字的基本標籤對是。雖然不編寫任何標籤,將文字直接寫於標籤對內也能正常顯示...

前端學習第二天

層疊的概念 使用樣式的三種方式 1.引用外部樣式檔案 2.寫在head裡面style標籤內 3.寫在元素開始標籤內 用style屬性 同一 外部檔案,style標籤,內聯 層疊的優先順序 1.id的優先順序最高 2.類其次 3.tag標籤類再其次 4.瀏覽器預設的最低的。不同瀏覽器預設顯示的內容樣式...