css知識整理

2022-09-16 00:15:33 字數 712 閱讀 8605

是指盒子按照html標籤編寫的順序依次從上到下,從左到右排列,塊元素佔一行,行內元素在一行之內從左到右排列,先寫的先排列,後寫的排在後面,每個盒子佔據自己的位置。

相對元素定位,元素所佔據的文件流的位置不變,元素本身相對文件流的位置進行偏移

絕對定位,元素脫離文件流,不佔據文件流的位置,可以理解為漂浮在文件流的上方,相對於上乙個設定了相對或者固定定位的父級元素來進行定位,如果找不到,則相對於body元素進行定位。

生成固定定位元素,元素脫離文件流,不佔據文件流的位置,可以理解為漂浮在文件流的上方,相對於瀏覽器視窗進行定位。

預設值。沒有定位,元素出現在正常的文件流中,相當於取消定位屬性或者不設定定位屬性。約等於標準流

從父元素繼承position屬性的值。

當頁面**現盒子壓盒子的效果是,推薦使用定位。

margin: 0 auto;
left:50%;/*父元素的寬度一半*/

margin-left:/*元素自己的寬度一半*/

div,p,ul,li,h1~h6,dl,dt,dd

a,span,em,b,strong,i

實際開發中,塊元素用的比較多,所以經常把內聯元素轉化為塊元素,少量轉化為內聯塊,而要使用內聯元素時,直接使用內聯元素,而不用塊元素轉化了。

CSS知識整理

一css簡介 是一種用來表現html 標準通用標記語言的乙個應用 或xml 標準通用標記語言的乙個子集 等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字型大小樣式,擁...

css 知識整理

content box 基礎盒模型,寬 元素寬 border box ie6盒模型,寬 元素寬 padding border 可以簡單,響應式的實現頁面布局。相對於原來的布局,主要應用float,position之類的進行布局,會有很多 比如需要清除浮動,是否占用文字流,會對其他元素造成一系列的影響...

CSS碎片知識整理

1.效果 border style none 無邊框 border width 0 邊框寬度為0px 2.區別 1 效能差異 border 0 瀏覽器對border width border color進行渲染,占用記憶體。當定義邊框時,不僅要設定邊框寬度,還要設定邊框樣式才能達到顯示的效果 bor...