css2基礎知識梳理

2022-03-07 17:28:11 字數 1315 閱讀 9010

基礎的css知識,只放xmind的截圖。

【轉 via.wang】布局中所遵循的規範或是通例

一般是遵循從上到下,從左到右的乙個順序。從頁面的穩定性上來說,優先考慮使用標準流,其次考慮浮動或定位。

遵循標準流的元素中,又以寬高最穩定,先把大的框架例項化出來,再進行細節的布局。能用padding

的優先考慮

padding,

其實才考慮

margin

。如果沒有

margin

的邊距合併或是共享的問題話,也是可以比較愉快的使用

margin

的。我們網頁的布局其實就像是在搭積木。將一塊塊的盒子組合在一塊,使其呈現乙個漂亮的頁面效果。html

中任何乙個元素都可以看成乙個盒模型,都有寬高,內外邊距。

但行內元素的寬高不起作用,只有塊級元素的寬高有效。行內元素的左右邊距是起效果的。為了讓行內元素也可能擁有寬高,可以有兩種辦法:

第一種是讓行內元素轉換成塊級元素或是行內塊元素,

**如下:

display: block;

display: inline-block;

第二種是給行內元素新增浮動或是定位,浮動或是定位了的元素脫離標準流的控制了,就會自動的擁有寬高的效果。

用到的塊級元素有: div, p, ul,li,dl,dt,dd,h1,h2,h3

用到的行內元素有: span,a,del,em,i,s

用到的行內塊元素有:img,input,button 

注意行內塊元素相鄰排列預設有幾畫素的間距,只能通過浮動解決這個問題。

IOS基礎知識梳理(2)

堆和棧的區別 管理方式 對於棧來講,是由編譯器自動管理,無需我們手工控制 對於堆來說,釋放工作由程式設計師控制,容易產生memory leak。申請大小 棧 在windows下,棧是向低位址擴充套件的資料結構,是一塊連續的記憶體的區域。這句話的意思是棧頂的位址和棧的最大容量是系統 預先規定好的,在w...

前端入門知識 css(2)

css顏色表示法 css顏色值主要有三種表示方法 顏色名表示,比如 red 紅色,gold 金色。rgb表示,比如 rgb 255,0,0 表示紅色。16進製制數值表示,比如 ff0000 表示紅色,這種可以簡寫成 f00。css顏色表示法示例 這是乙個div標籤 css選擇器 如果對同一內容區新增...

IP基礎知識梳理

離開學校後看書少了很多,發現掌握的ip知識不是很牢,所以在這裡也稍稍梳理下,感覺語言也沒書本上詳盡 完全是筆記形式,望讀者勿噴 ip層 網路層也叫internet層,負責將分組報文從源端傳送到目的端。作用 tcp ip模型 參考 即整個網路上傳送的二進位制資料總結為如下格式 後的鏈路配置為trunk...