Python全棧開發之13 CSS

2022-03-27 13:32:15 字數 1950 閱讀 1138

css 是 cascading style sheets的縮寫,用來設計網頁的樣式布局,以及大小來適應不同的螢幕等,使網頁的樣式和網頁資料分離,

匯入css有4種方式:

1.行內式

行內式是在標記的style屬性中設定css樣式。這種方式沒有體現出css的優勢,不推薦使用。

2.嵌入式

嵌入式是將css樣式集中寫在網頁的標籤對的標籤對中。格式如下:

3.匯入式

將乙個獨立的.css檔案引入html檔案中,匯入式使用css規則引入外部css檔案,標記也是寫在

浮動可以理解為讓某個div元素脫離標準流,漂浮在標準流之上,和標準流不是乙個層次,會覆蓋標準流的東西。

假如某個div元素a是浮動的,如果a元素上乙個元素也是浮動的,那麼a元素會跟隨在上乙個元素的後邊(如果一行放不下這兩個元素,那麼a元素會被擠到下一行);如果a元素上乙個元素是標準流中的元素,那麼a的相對垂直位置不會改變,也就是說a的頂部總是和上乙個元素的底部對齊。

div的順序是html**中div的順序決定的。

靠近頁面邊緣的一端是前,遠離頁面邊緣的一端是後。

元素浮動之前,也就是在標準流中,是豎向排列的,而浮動之後可以理解為橫向排列。

有浮動當然有清除浮動,清除浮動用clear,對於css的清除浮動(clear),一定要牢記只能影響使用清除的元素本身,不能影響其他元素。

預設值 static:無特殊定位,物件遵循正常文件流。top,right,bottom,left等屬性不 會被應用。 說到這裡我們不得不提一下乙個定義——文件流,文件流其實就是文件的輸出順序, 也就是我們通常看到的由左      到右、由上而下的輸出形式,在網頁中每個元素都是按照這個順序進行排序和顯示的,而float和position兩個屬性可以將元素從文件流脫離出來顯示。 預設值就是讓元素繼續按照文件流顯示,不作出任何改變。

在理論上,被設定為fixed的元素會被定位於瀏覽器視窗的乙個指定座標,不論視窗是否滾動,它都會固定在這個位置。

fixed:物件脫離正常文件流,使用top,right,bottom,left等屬性以視窗為參考點進行定位,當出現滾動條時,物件不會隨著滾動。而其層疊通過z-index屬性定義。 注意點: 乙個元素若設定了 position:absolute | fixed; 則該元素就不能設定float。這 是乙個常識性的知識點,因為這是兩個不同的流,乙個是浮動流,另乙個是「定位流」。但是 relative 卻可以。因為它原本所佔的空間仍然佔據文件流。

物件遵循正常文件流,不脫離文件流,但將依據top,right,bottom,left等屬性在正常文件流中偏移位置。而其層疊通過z-index屬性定義。

如果設定 position:relative,就可以使用 top,bottom,left和 right 來相對於元素在文件中應該出現的位置來移動這個元素。[意思是元素實際上依然佔據文件 中的原有位置,只是視覺上相對於它在文件中的原有位置移動了] 

absolute:物件脫離正常文件流,使用top,right,bottom,left等屬性進行絕對定位。而其層疊通過z-index屬性定義。 當指定 position:absolute 時,元素就脫離了文件[即在文件中已經不佔據位置了],可以準確的按照設定的 top,bottom,left 和 right 來定位了。 如果乙個元素絕對定位後,其參照物是以離自身最近元素是否設定了相對定位,如果有設定將以離自己最近元素定位,如果沒有將往其祖先元素尋找相對定位元素,一直找到html為止。

1、css文件從上到下執行,以最後乙個為準

a 

b ddd

2、有幾個特殊的塊級元素只能包含內聯元素,不能包含塊級元素。如h1,h2,h3,h4,h5,h6,p,dt 切記

3、父div裡面的子div都float,

方法1、在最後加乙個div然後添上屬性 clear:both 

方法2、定義乙個通用屬性,

clearfix:afte

Python全棧開發實戰學習13

class 類名 屬性 方法 pass現實中先有物件後有類 物件1 李坦克 特徵 學校 oldboy 姓名 李坦克 性別 男 年齡 22 技能 吃飯 學習睡覺 物件2 王大陸 特徵 學校 oldboy 姓名 王大陸 性別 男 年齡 21 技能 吃飯 學習睡覺 物件3 牛深度 特徵 學校 oldboy...

Python全棧開發之MySQL

smartypants將ascii標點字元轉換為 智慧型 印刷標點html實體。例如 type ascii html single backticks isn t this fun?isn t this fun?quotes isn t this fun?isn t this fun?dashes ...

Python全棧開發 Django高階之序列化

序列化是將物件狀態轉換為可保持或傳輸的格式的過程 反序列化是指將儲存在儲存 中的物件狀態裝換成物件的過程 例如遊戲都有存檔的功能 再次開始的時候只需讀檔即可 這即是乙個序列化與反序列的過程 序列化也可以將乙個物件傳遞到另乙個地方的 關於django中的序列化主要應用在將資料庫中檢索的資料返回給客戶端...