前端第七波

2021-09-22 16:44:29 字數 856 閱讀 6218

目錄

前端第七波

定位(positioning)

塊內元素與行內元素

position定義與用法

塊級元素:div、h1 或 p 元素   //這意味著這些元素顯示為一塊內容

行內元素:span 和 strong  元素    //這是因為它們的內容顯示在行中,即「行內框」

塊級元素對應display:block,還可以通過把 display 設定為 none,讓生成的元素根本沒有框。行內元素對應display:inline。可以通過修改元素的display屬性來切換行內元素和塊級元素。

display:inline-block(巨有用)可以讓元素具有塊級元素和行內元素的特性:既可以設定長寬,可以讓padding和margin生效,又可以和其他行內元素併排。

static(靜態的):預設值,沒有定位,元素出現在正常流中。

fixed(固定的):生成絕對定位的元素,相對當前瀏覽器視窗(當前螢幕)進行定位。元素位置由 top,bottom,left,right 等進行規定。不佔據空間位置。

relative(相對的):有空間佔位,相對原來的空間進行偏移定位。(即以自身為基礎進行偏移,並保留原來位置的空間不被其他元素所占用)。

absolute(絕對的):生成絕對定位的元素,相對於父輩或者更高輩份中存在定位的乙個父元素進行定位,位置通過 top,bottom,left,right 等進行規定。不佔據空間位置。

前端週刊第七期

點選這裡,裡面有解決辦法 express.js 5.0 現在處於 beta階段 考慮到 5.0 的第乙個alpha版本是七年前,對於仍然廣受歡迎和有影響力的 node.js web 應用程式庫來說,這是一大步。這裡還有5.x api 的完整文件。github 為其自定義的 markdown 變體新增...

學習前端的第七天

一 padding 1 padding是長在內容和盒子之間的,在盒子內部。2 padding是為了調整 子元素 在 父元素裡面位置關係。3 padding的特點 padding值會把盒子撐大。4 如果想讓盒子保持原有大小,需要在寬高的基礎上減掉padding值。5 給單一方向設定padding值 p...

2020 11 16web前端第七課

引入css樣式 行內式,內嵌式,鏈入式 css選擇器 標籤選擇器 class類選擇器 可用多次 class id選擇器 乙個頁面只能用一次 id 萬用字元選擇器 號表示 css字型樣式 h1 h6預設黑體,標題文字14 16px p預設宋體,一般12 14px,微軟雅黑 font size 字型大小...