後端碼農談前端(CSS篇)第五課 CSS樣式

2022-07-04 11:30:12 字數 1627 閱讀 8891

css 允許應用純色作為背景,也允許使用背景影象建立相當複雜的效果。

可以使用 background-color 屬性為元素設定背景色。這個屬性接受任何合法的顏色值。

例如:要把影象放入背景,需要使用 background-image 屬性。background-image 屬性的預設值是 none,表示背景上沒有放置任何影象。如果需要設定乙個背景影象,必須為這個屬性設定乙個 url 值:

如果需要在頁面上對背景影象進行平鋪,可以使用 background-repeat 屬性。

屬性值 repeat 導致影象在水平垂直方向上都平鋪,就像以往背景影象的通常做法一樣。repeat-x 和 repeat-y 分別導致影象只在水平或垂直方向上重複,no-repeat 則不允許影象在任何方向上平鋪。

預設地,背景影象將從乙個元素的左上角開始。請看下面的例子:

可以利用 background-position 屬性改變影象在背景中的位置。

下面的例子在 body 元素中將乙個背景影象居中放置:

為 background-position 屬性提供值有很多方法。首先,可以使用一些關鍵字:top、bottom、left、right 和 center。通常,這些關鍵字會成對出現,不過也不總是這樣。還可以使用長度值,如 100px 或 5cm,最後也可以使用百分數值。不同型別的值對於背景影象的放置稍有差異。

如果文件比較長,那麼當文件向下滾動時,背景影象也會隨之滾動。當文件滾動到超過影象的位置時,影象就會消失。您可以通過 background-attachment 屬性防止這種滾動。通過這個屬性,可以宣告影象相對於可視區是固定的(fixed),因此不會受到滾動的影響:

通過文字屬性,您可以改變文字的顏色、字元間距,對齊文字,裝飾文字,對文字進行縮排,等等。

屬性值:

屬性值:

【注:對於行內元素,只有當 unicode-bidi 屬性設定為 embed 或 bidi-override 時才會應用 direction 屬性。】

屬性值:

white-space 屬性會影響到使用者**對源文件中的空格、換行和 tab 字元的處理。詳:

值空白符

換行符自動換行

pre-line

合併保留

允許normal

合併忽略

允許nowrap

合併忽略

不允許pre

保留保留

不允許pre-wrap

保留保留

允許

h2
p

屬性值:

.normal

p

.italic

p

.oblique

-caps;}

.normal

p

.thick

p

.thicker

li 屬性值:

屬性值:

屬性值:

屬性值:

屬性值:

輪廓(outline)是繪製於元素周圍的邊框線,可起到突出元素的作用。

css outline 屬性規定元素輪廓的樣式、顏色和寬度。

屬性值:

C語言第五課

主要內容 二維陣列 字串陣列 多維陣列 理解 一 二維陣列 有兩個下標的陣列稱為二維陣列 定義 型別修飾符 陣列名 常量表示式1 常量表示式2 第一維的長度 第二維的長度 示例 定義乙個2行3列的二維陣列 int array 2 3 這是乙個標準的二維陣列 二維陣列的元素也稱為雙下標變數 0 1 2...

C語言第五課

c函式若不宣告型別,則預設為 int 型 在函式中,指標可以 被調函式 修改 主調函式 1 int func int a main 2 void func int num main int num 2 func int b 野指標會 指向任一地方 int pum printf x pum 指標偏移的...

C語言 第五課

一 所有程式在執行時,程式中的語句按其先後順序執行。這種按照語句的先後次序順序執行的程式結構稱為順序結構。根據某種條件的成立與否而採用不同的程式段進行處理的程式結構稱為選擇結構。二 簡單if語句 color red if 表示式 color img 小括號中的表示式表示控制條件,表示式的值非零為 真...