CSS高階詳解

2021-08-28 06:00:19 字數 1899 閱讀 2123

css注意巢狀規則:

補充: (僅需要了解)

初始化css (需要了解)

雅虎工程師提供的css初始化示例**

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td

css高階

布局常用屬性樣式:

屬性 作用 舉例

width 設定元素(標籤)的寬度 width: 200px;

height 設定元素(標籤)的高度 height: 200px;

background 設定元素背景色或者背景(詳看下面) background: pink;

border 設定元素四周的邊框 border: 1px solid pink;

border-top 設定元素頂部邊框 border-top: 1px solid/ dashed pink;

border-left 設定元素左邊邊框 border-left: 1px solid pink;

border-right 設定元素右邊邊框 border-right: 1px solid pink;

border-bottom 設定元素底部邊框 border-bottom: 1px solid pink;

文字常用樣式屬性:

color 設定文字的顏色 color: red;

font-size 設定文字的大小 font-size: 12px;

font-family 設定文字的字型 font-family: 『microsoft yahei』; (微軟雅黑)

font-weight 設定文字是否加粗 font-weight: bold; (bold:加粗 normal: 正常)

line-height 設定文字的行高 line-height: 24px; (文字高度加上文字上下間距共計24px)

text-decoration 設定文字的下劃線 text-decoration:none; (取消下劃線)

/* 設定頭部的樣式 */

.header

浮動: ( float )

我們有時候為了讓一行能夠顯示多個元素, 會設定元素的float屬性:

浮動的表現 :

定義: 浮動的框可以向左或向右移動, 直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止. 由於浮動框不在文件的普通流中,所以文件的普通流中的浮動框之後的塊框表現的就像浮動框不存在一樣. (注意 這裡是塊框而不是內聯元素; 浮動框只對它後面的元素造成影響 )

注意: 當初float 被設計的時候就是用來完成文字環繞的效果, 所以文字不會被擋住, 這是 float 的特性, 即 float 是一種不徹底的脫離文件流的方式.

特別注意

設定某乙個元素為float 之後, 當前元素是否往前乙個位置飄動,取決於上乙個元素是否設定了float,如果設定了則飄動,如果沒有設定,則還是在原來的位置, 只是飄起來, 不飄動.

如果乙個容器中有兩個子元素, 兩個子元素都設定浮動浮起來之後,則容器會被壓縮為一點.

補充:

浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。

由於浮動框不在文件的普通流中,所以文件的普通流中的塊框表現得就像浮動框不存在一樣。

css 浮動:

如果包含框太窄,無法容納水平排列的三個浮動元素,那麼其它浮動塊向下移動,直到有足夠的空間。如果浮動元素的高度不同,那麼當它們向下移動時可能被其它浮動元素「卡住」:

總結:

指標高階詳解2

一.函式指標 首先看一段 include void test intmain 輸出的是兩個位址,這兩個位址是test函式的位址,那我們的函式位址想要儲存起來,怎麼儲存?首先,能夠儲存位址,就需要乙個指向函式的指標變數,即函式指標 void fun1 fun1先與指標結合,說明fun1是指標,指標指向...

C高階 詳解編譯 鏈結

被隱藏了的過程 現如今在流行的整合開發環境下我們很少需要關注編譯和鏈結的過程,而隱藏在程式執行期間的過程可不簡單,即使使用命令列來編譯乙個源 檔案,簡單的一句 gcc hello.c 命令就包含了非常複雜的過程。1 include3 int main 4 在linux系統下使用gcc編譯程式時只須簡...

大小端詳解

前言 本篇文章介紹資料儲存的大小端模式,大小端模式起源於吃雞蛋的典故。首先,我們看一下資料在記憶體是怎麼儲存的 從上邊我們可以看出a b在計算機中儲存的是補碼,但是順序卻倒著的,這實際上就是小端儲存 大端儲存模式 是指資料的低位位元組序儲存在記憶體的高位址中,而資料的高位位元組序儲存在記憶體的低位址...