人人做人人澡人人爽欧美,国产主播一区二区,久久久精品五月天,羞羞视频在线观看免费

當(dāng)前位置:蘿卜系統(tǒng)下載站 > 網(wǎng)頁(yè)設(shè)計(jì)教程 > 詳細(xì)頁(yè)面

第4章 顏色背景的CSS

第4章 顏色背景的CSS

更新時(shí)間:2020-02-17 文章作者:未知 信息來(lái)源:網(wǎng)絡(luò) 閱讀次數(shù):

網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言(markup language),通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡(jiǎn)單來(lái)說(shuō),網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過(guò)使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。

本 章 C S S 的 主 要 作 用

  在前面的章節(jié)介紹完了聲明與應(yīng)用的方法及 一些特性之後,從這章開(kāi)始,便要正式進(jìn)入CSS的指令介紹了!本章有兩個(gè)介紹的主 題,第一個(gè)部份介紹的是顏色與背景性質(zhì)的CSS,其主要的作用在于設(shè)定元素的前景 顏色、背景顏色與背景圖形等樣式設(shè)定的性質(zhì);而第二部份為您介紹的是用于控制擺放 元素位置的CSS的指令。


顏 色 背 景 的 C S S 指 令

color 設(shè)定前景顏色
支 持:IE3、IE4、NC4
適 用:所有元素
可能值:
<color>設(shè)定顏色,請(qǐng)參考第一章顏色使用的相關(guān)說(shuō)明
預(yù)設(shè)值:視瀏覽器而定
繼承性:
一般范例:SPAN { color : BLUE }
同軸范例:<SPAN style="color:BLUE">


background-color 設(shè)定背景顏色
支 持:IE4、NC4
適 用:所有元素
可能值:
<color>設(shè)定顏色,請(qǐng)參考第一章顏色使用的相關(guān)說(shuō)明
transparent將父元素(顏色或圖案)的背景透明化
預(yù)設(shè)值:transparent
繼承性:無(wú)
一般范例:BODY { background-color : BLUE }
同軸范例:<BODY style="background-color:BLUE">


background-image 設(shè)定背景圖形
支 持:IE4、NC4
適 用:所有元素
可能值:
<url>設(shè)定圖檔URL,請(qǐng)參考第一章URL表示的相關(guān)說(shuō)明
none不使用背景圖案
預(yù)設(shè)值:transparent
繼承性:無(wú)
一般范例:
BODY { background-image : URL("http://yourweb/path/file_name") }
同軸范例:
<BODY style="background-image:URL('http://yourweb/path/file_name')">


background-repeat 設(shè)定背景重復(fù)
支 持:IE4、NC4
適 用:所有元素
可能值:
repeat重復(fù)背景圖形填滿頁(yè)面
repeat-x水平方向重復(fù)背景圖形
repeat-y垂直方向重復(fù)背景圖形
no-repeat不重復(fù)顯示背景圖形
預(yù)設(shè)值:repeat
繼承性:無(wú)
一般范例:BODY { background-repeat : repeat-x }
同軸范例:<BODY style="background-repeat: repeat-x">


background-attachment 設(shè)定背景附著
支 持:IE4、NC4
適 用:所有元素
可能值:
scroll背景圖形隨著卷軸卷動(dòng)
fixed背景圖形隨著卷軸卷動(dòng)(浮水印)
預(yù)設(shè)值:scrool
繼承性:無(wú)
一般范例:BODY { background-attachment : fixed }
同軸范例:<BODY style="background-attachment:fixed">


background-position 設(shè)定背景位置
支 持:IE4、NC4
適 用:區(qū)塊元素
可能值:
<percent> X% Y%圖形上X% Y%的點(diǎn)對(duì)準(zhǔn)元素的X% Y%位置
<length> X Y將圖形左上角置于元素左上角水平 X垂直 Y之處
center背景圖形置于中央
left背景圖形對(duì) 左邊
right背景圖形對(duì) 右邊
top背景圖形對(duì) 頂部
bottom背景圖形對(duì) 底部
預(yù)設(shè)值:0% 0%
繼承性:無(wú)
一般范例:BODY { background- position : 100% 50% }
同軸范例:<BODY style="background- position:100% 50%">


background 綜合設(shè)定背景性質(zhì)
支 持:IE3、IE4、NC4
適 用:所有元素
可能值:
background-color設(shè)定背景顏色
background-image設(shè)定背景圖形
background-repeat設(shè)定背景重復(fù)
background-attachment設(shè)定背景附著
background-position設(shè)定背景位置
預(yù)設(shè)值:無(wú)
繼承性:無(wú)
一般范例:
BODY { BLUE url(image/gif) repeat-x fixed center }
同軸范例:
<BODY style="BLUE url(image/gif) repeat-x fixed center">
位 置 擺 放 的 C S S 指 令

float 設(shè)定浮動(dòng)性質(zhì)(多用于文繞圖的情形)
支 持:IE4、NC4
適 用:區(qū)塊元素或圖形
可能值:
left元素靠左,文字圍繞其右
right元素靠右,文字圍繞其左
none以預(yù)設(shè)的方法顯示
預(yù)設(shè)值:none
繼承性:無(wú)
一般范例:DIV { float : right }
同軸范例:<DIV style="float:right">


clear 設(shè)定清除性質(zhì)(設(shè)定是否允許浮動(dòng)元素之存在)
支 持:IE4
適 用:區(qū)塊元素或圖形
可能值:
both若兩邊有浮動(dòng)元素,則該元素移至浮動(dòng)元素下方
left若左邊有浮動(dòng)元素,則該元素移至浮動(dòng)元素下方
right若右邊有浮動(dòng)元素,則該元素移至浮動(dòng)元素下方
none以預(yù)設(shè)的方法顯示
預(yù)設(shè)值:none
繼承性:無(wú)
一般范例:DIV { clear : right }
同軸范例:<DIV style="clear:right">


width 設(shè)定寬度
支 持:IE4、NC4
適 用:區(qū)塊元素或圖形
可能值:
<length>長(zhǎng)度單位,請(qǐng)參考第一章基本單位的相關(guān)說(shuō)明
<percentage>百分比,以父元素寬度為基準(zhǔn)
auto以固定比例自動(dòng)變化大小
預(yù)設(shè)值:auto
繼承性:無(wú)
一般范例:DIV { width : 300pt }
同軸范例:<DIV style="width:300pt">


height 設(shè)定高度
支 持:IE4、NC4
適 用:區(qū)塊元素或圖形
可能值:
<length>長(zhǎng)度單位,請(qǐng)參考第一章基本單位的相關(guān)說(shuō)明
<percentage>百分比,以父元素寬度為基準(zhǔn)
auto以固定比例自動(dòng)變化大小
預(yù)設(shè)值:auto
繼承性:無(wú)
一般范例:DIV { height : 300pt }
同軸范例:<DIV style="height:300pt">


position 設(shè)定位置
支 持:IE4、NC4
適 用:區(qū)塊元素
可能值:
absolute以父元素為基準(zhǔn),擺設(shè)在特定位置上
relative以相鄰元素為基準(zhǔn),擺設(shè)在特定位置上
static預(yù)設(shè)位置,以該元素于原始碼中位置而定
預(yù)設(shè)值:absolute
繼承性:無(wú)
一般范例:DIV { position : static }
同軸范例:<DIV style="position:static">


top 設(shè)定頂端位置
支 持:IE4、NC4
適 用:區(qū)塊元素
可能值:
<length>長(zhǎng)度單位,請(qǐng)參考第一章基本單位的相關(guān)說(shuō)明
<percentage>百分比,以父元素寬度為基準(zhǔn)
auto以正常方式顯示
預(yù)設(shè)值:auto
繼承性:無(wú)
一般范例:DIV { top : 30pt }
同軸范例:<DIV style="top:30pt">


left 設(shè)定左端位置
支 持:IE4、NC4
適 用:區(qū)塊元素
可能值:
<length>長(zhǎng)度單位,請(qǐng)參考第一章基本單位的相關(guān)說(shuō)明
<percentage>百分比,以父元素寬度為基準(zhǔn)
auto以正常方式顯示
預(yù)設(shè)值:auto
繼承性:無(wú)
一般范例:DIV { left : 30pt }
同軸范例:<DIV style="left:30pt">


clip 設(shè)定裁剪(設(shè)定某區(qū)域形狀及大小,區(qū)域外通透)
支 持:IE4、NC4
適 用:區(qū)塊元素
可能值:
rect(top,right,bottom,left)設(shè)定矩形之上右下左長(zhǎng)度,會(huì)自動(dòng)比對(duì)對(duì)邊長(zhǎng)度
一般 寫(xiě)法為rect(0,長(zhǎng)度,長(zhǎng)度,0)
不可以寫(xiě)為rect(0,0,長(zhǎng)度,長(zhǎng)度)
四個(gè)數(shù)值皆可以"auto"代替
auto以正常方式顯示
預(yù)設(shè)值:auto
繼承性:無(wú)
一般范例:DIV { clip : rect(0,100px,50px,0) }
同軸范例:<DIV style="clip:rect(0,100px,50px,0)">


overflow 設(shè)定溢位處理(控制當(dāng)元素內(nèi)容超過(guò)該元素大小時(shí)的顯示方式)
支 持:IE4
適 用:區(qū)塊元素
可能值:
visible元素將不會(huì)依所設(shè)訂大小顯示,而能看見(jiàn)所有內(nèi)容
hidden超過(guò)元素所設(shè)訂大小之部份將被隱藏不予顯示
scroll如有必要出現(xiàn)卷軸可讓使用者看到全部的內(nèi)容
auto以預(yù)設(shè)的方式顯示
預(yù)設(shè)值:auto
繼承性:無(wú)
一般范例:DIV { overflow : scroll }
同軸范例:<DIV style="overflow:scroll">


visibility 設(shè)定可視度
支 持:IE4、NC4
適 用:所有元素
可能值:
visible設(shè)定該元素顯示
hidden設(shè)定該元素不顯示,但仍占據(jù)空間
inherit以父元素可視度決定
預(yù)設(shè)值:inherit
繼承性:無(wú)
一般范例:DIV { visibility : hidden }
同軸范例:<DIV style="visibility:hidden">


z-index 設(shè)定Z軸參數(shù)(三度空間)
支 持:IE4、NC4
適 用:區(qū)塊元素
可能值:
<number>十進(jìn)位數(shù)值,數(shù)值大的元素會(huì)出現(xiàn)在數(shù)值小的元素的上方
auto當(dāng)元素位置重復(fù)時(shí),原始碼中寫(xiě)在後面元素會(huì)出現(xiàn)在寫(xiě)在前面元素的上方
預(yù)設(shè)值:auto
繼承性:無(wú)
一般范例:DIV { z-index : 3 }
同軸范例:<DIV style="z-index:3">

大多數(shù)人在上網(wǎng)的時(shí)候,都會(huì)瀏覽網(wǎng)頁(yè)提供給我們的信息。

溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!

本類(lèi)教程下載

系統(tǒng)下載排行

主站蜘蛛池模板: 乐东| 大渡口区| 岗巴县| 高雄市| 砀山县| 邹平县| 临桂县| 杭锦旗| 故城县| 买车| 六枝特区| 常德市| 义乌市| 抚顺市| 蕉岭县| 延吉市| 溆浦县| 宁国市| 永仁县| 浦东新区| 县级市| 绩溪县| 武义县| 沅陵县| 安康市| 多伦县| 饶河县| 夏邑县| 盘锦市| 陵川县| 土默特右旗| 如皋市| 囊谦县| 秦皇岛市| 陕西省| 北碚区| 东光县| 宜君县| 农安县| 忻城县| 乐东|