建体彩网|中彩网双色球连号|
?
快捷搜索:  as  test  1111  test aNd 8=8  test++aNd+8=8  as++aNd+8=8  as aNd 8=8

齊博國際網址:CSS應用基礎教程(4) 顏色背景

?

本 章 C S S 的 主 要 作 用

在前面的章節先容完了聲明與利用的措施及 一些特點之後,從這章開始,便要正式進入CSS的指令先容了!本章有兩個先容的主 題,第一個部份先容的是顏色與背景性子的CSS,其主要的感化在于設定元素的前景 顏色、背景顏色與背景圖形等樣式設定的性子;而第二部份為您先容的是用于節制擺放 元素位置的CSS的指令。

顏 色 背 景 的 C S S 指 令

color 設定前景顏色

支 持:IE3、IE4、NC4

適 用:所有元素

可能值:設定顏色,請參考第一章顏色應用的相關闡明

預設值:視瀏覽器而定

承襲性:有

一樣平常典型:SPAN { color : BLUE }

同軸典型:

background-color 設定背景顏色

支 持:IE4、NC4

適 用:所有元素

可能值:設定顏色,請參考第一章顏色應用的相關闡明

transparent 將父元素(顏色或圖案)的背景透明化

預設值:transparent

承襲性:無

一樣平常典型:BODY { background-color : BLUE }

同軸典型:

background-image 設定背景圖形

支 持:IE4、NC4

適 用:所有元素

可能值:設定圖檔URL,請參考第一章URL表示的相關闡明

none 不應用背景圖案

預設值:transparent

承襲性:無

一樣平常典型:

BODY { background-image : URL("http://yourweb/path/file_name") }

同軸典型:

background-repeat 設定背景重復

支 持:IE4、NC4

適 用:所有元素

可能值: repeat 重復背景圖形填滿頁面

repeat-x 水平偏向重復背景圖形

repeat-y 垂直偏向重復背景圖形

no-repeat 不重復顯示背景圖形

預設值:repeat

承襲性:無

一樣平常典型:BODY { background-repeat : repeat-x }

同軸典型:

background-attachment 設定背景附著

支 持:IE4、NC4

適 用:所有元素

可能值: scroll 背景圖形隨著卷軸卷動

fixed 背景圖形隨著卷軸卷動(浮水印)

預設值:scrool

承襲性:無

一樣平常典型:BODY { bac齊博國際網址kground-attachment : fixed }

同軸典型:

background-position 設定背景位置

支 持:IE4、NC4

適 用:區塊元素

可能值:

X% Y% 圖形上X% 齊博國際網址Y%的點對準元素的X% Y%位置

X Y 將圖形左上角置于元素左上角水平 X垂直 Y之處

center 背景圖形置于中央

left 背景圖形對 左邊

right 背景圖形對 右邊

top 背景圖形對 頂部

bottom 背景圖形對 底部

預設值:0% 0%

承襲性:無

一樣平常典型:BODY { background- position : 100% 50% }

同軸典型:

background 綜合設定背景性子

支 持:IE3、IE4、NC4

適 用:所有元素

可能值: background-color 設定背景顏色

background-image 設定背景圖形

background-repeat 設定背景重復

background-attachment 設定背景附著

background-position 設定背景位置

預設值:無

承襲性:無

一樣平常典型:

BODY { BLUE url(image/gif) repeat-x fixed center }

同軸典型:

位 置 擺 放 的 C S S 指 令

float 設定浮動性子(多用于文繞圖的情形)

支 持:IE4、NC4

適 用:區塊元素或圖形

可能值: left 元素*左,翰墨環抱其右

righ齊博國際網址t 元素*右,翰墨環抱其左

none 以預設的措施顯示

預設值:none

承襲性:無

一樣平常典型:DIV { float : right }

同軸典型:

clear 設定清除性子(設定是否容許浮動元素之存在)

支 持:IE4

適 用:區塊元素或圖形

可能值: both 若兩邊有浮動元素,則該元素移至浮動元素下方

left 若左邊有浮動元素,則該元素移至浮動元素下方

right 若右邊有浮動元素,則該元素移至浮動元素下方

none 以預設的措施顯示

預設值:none

承襲性:無

一樣平常典型:DIV { clear : right }

同軸典型:

width 設定寬度

支 持:IE4、NC4

適 用:區塊元素或圖形

可能值:長度單位,請參考第一章基礎單位的相關闡明

百分比,以父元素寬度為基準

auto 以固定比例自動變更大年夜小

預設值:au齊博國際網址to

承襲性:無

一樣平常典型:DIV { width : 300pt }

同軸典型:

height 設定高度

支 持:IE4、NC4

適 用:區塊元素或圖形

可能值:長度單位,請參考第一章基礎單位的相關闡明

百分比,以父元素寬度為基準

auto 以固定比例自動變更大年夜小

預設值:auto

承襲性:無

一樣平常典型:DIV { height : 300pt }

同軸典型:

position 設定位置

支 持:IE4、NC4

適 用:區塊元素

可能值: absolute 以父元素為基準,擺設在特定位置上

relative 以相鄰元素為基準,擺設在特定位置上

static 預設位置,以該元素于原始碼中位置而定

預設值:abs齊博國際網址olute

承襲性:無

一樣平常典型:DIV { position : static }

同軸典型:

top 設定頂端位置

支 持:IE4、NC4

適 用:區塊元素

可能值:長度單位,請參考第一章基礎單位的相關闡明

百分比,以父元素寬度為基準

auto 以正常要領顯示

預設值:auto

承襲性:無

一樣平常典型:DIV { top : 30pt }

同軸典型:

left 設定左端位置

支 持:IE4、NC4

適 用:區塊元素

可能值:長度單位,請參考第一章基礎單位的相關闡明

百分比,以父元素寬度為基準

auto 以正常要領顯示

預設值:auto

承襲性:無

一樣平常典型:DIV { left : 30pt }

同軸典型:

clip 設定裁剪(設定某區域外形及大年夜小,區域外通透)

支 持:IE4、NC4

適 用:區塊元素

可能值: rect(top,right,bottom,left) 設定矩形之上右下左長度,會自動比對對邊長度

一樣平常 寫法為rect(0,長度,長度,0)

弗成以寫為rect(0,0,長度,長度)

四個數值皆可以"auto"代替

auto 以正常要領顯示

預設值:auto

承襲性:無

一樣平常典型:DIV { clip : rect(0,100px,50px,0) }

同軸典型:

overflow 設定溢位處置懲罰(節制當元素內容跨越該元素大年夜小時的顯示要領)

支 持:IE4

適 用:區塊元素

可能值: visible 元素將不會依所設訂大年夜小顯示,而能望見所有內容

hidden 跨越元素所設訂大年夜小之部份將被暗藏不予顯示

scroll 如有需要呈現卷軸可讓應用者看到整個的內容

auto 以預設的要領顯示

預設值:auto

承襲性:無

一樣平常典型:DIV { overflow : scroll }

同軸典型:

visibility 設定可視度

支 持:IE4、NC4

適 用:所有元素

可能值: visible 設定該元素顯示

hidden 設定該元素不顯示,但仍盤踞空間

inherit 以父元素可視度抉擇

預設值:inherit

承襲性:無

一樣平常典型:DIV { visibility : hidden }

同軸典型:

z-index 設定Z軸參數(三度空間)

支 持:IE4、NC4

適 用:區塊元素

可能值:十進位數值,數值大年夜的元素會呈現在數值小的元素的上方

auto 當元素位置重復時,原始碼中寫在後面元素會呈現在寫在前面元素的上方

預設值:auto

承襲性:無

一樣平常典型:DIV { z-index : 3 }

同軸典型:

免責聲明:以上內容源自網絡,版權歸原作者所有,如有侵犯您的原創版權請告知,我們將盡快刪除相關內容。

您可能還會對下面的文章感興趣:

建体彩网
26选5 双色球走势提带坐标2 nba大小分预测软件 56足球比分网 台湾麻将规则图解 四川快乐12苹果版下载 股票涨跌原理 福建十一选五怎么算中奖号码准确 超级大乐透奖金怎么算 湖南快乐10分