当前位置：首页 -> 网页设计 -> HTML/CSS -> 第四章　颜色背景的ＣＳＳ

第四章　颜色背景的ＣＳＳ

时间： 2021-07-31 作者：daque

本　章　Ｃ　Ｓ　Ｓ　的　主　要　作　用

　　在前方的章节引见结束证明与运用的本领及少许个性之後，从这章发端，便要正式加入ＣＳＳ的训令引见了！本章有两个引见的主题，第一个部份引见的是脸色与后台本质的ＣＳＳ，其重要的效率在乎设定元素的远景脸色、后台脸色与后台图形等款式设定的本质；而第二部份为您引见的是用来遏制摆放元素场所的ＣＳＳ的训令。

颜　色　背　景　的　Ｃ　Ｓ　Ｓ　指　令

color　设定远景脸色

支　持：ＩＥ３、ＩＥ４、ＮＣ４适　用：一切元素大概值：

<color>

设定脸色，请参考第一章脸色运用的关系证明

预设值：视欣赏器而定接受性：有

普遍典型：span { color : blue }同轴典型：<span style="color:blue">

background-color　设定后台脸色

支　持：ＩＥ４、ＮＣ４适　用：一切元素大概值：

<color>

设定脸色，请参考第一章脸色运用的关系证明

transparent

将父元素（脸色或图案）的后台通明化

预设值：transparent接受性：无

普遍典型：body { background-color : blue }同轴典型：<body style="background-color:blue">

background-image　设定后台图形

支　持：ＩＥ４、ＮＣ４适　用：一切元素大概值：

<url>

设定图档url，请参考第一章url表白的关系证明

none

不运用后台图案

预设值：transparent接受性：无

普遍典型：body { background-image : url("http://yourweb/path/file_name") }同轴典型：<body style="background-image:url('http://yourweb/path/file_name')">

background-repeat　设定后台反复

支　持：ＩＥ４、ＮＣ４适　用：一切元素大概值：

repeat

反复后台图形填满页面

repeat-x

程度目标反复后台图形

repeat-y

笔直目标反复后台图形

no-repeat

不反复表露后台图形

预设值：repeat接受性：无

普遍典型：body { background-repeat : repeat-x }同轴典型：<body style="background-repeat: repeat-x">

background-attachment　设定后台附著

支　持：ＩＥ４、ＮＣ４适　用：一切元素大概值：

scroll

后台图形随著卷轴卷动

fixed

后台图形随著卷轴卷动（浮火印）

预设值：scrool接受性：无

普遍典型：body { background-attachment : fixed }同轴典型：<body style="background-attachment:fixed">

background-position　设定后台场所

支　持：ＩＥ４、ＮＣ４适　用：区块元素大概值：

<percent> x% y%

图形上x% y%的点瞄准元素的x% y%场所

<length> x y

将图形左上角置于元素左上角程度 x笔直 y之处

center

后台图形置于中心

left

后台图形对　左边

right

后台图形对　右边

top

后台图形对　顶部

bottom

后台图形对　底部

预设值：0% 0%接受性：无

普遍典型：body { background- position : 100% 50% }同轴典型：<body style="background- position:100% 50%">

background　归纳设定后台本质

支　持：ＩＥ３、ＩＥ４、ＮＣ４适　用：一切元素大概值：

background-color

设定后台脸色

background-image

设定后台图形

background-repeat

设定后台反复

background-attachment

设定后台附著

background-position

设定后台场所

预设值：无接受性：无

普遍典型：body { blue url(image/gif) repeat-x fixed center }同轴典型：<body style="blue url(image/gif) repeat-x fixed center">

位　置　摆　放　的　Ｃ　Ｓ　Ｓ　指　令

float　设定浮动本质（多用来文绕图的景象）

支　持：ＩＥ４、ＮＣ４适　用：区块元素或图形大概值：

left

元素靠左，笔墨环绕其右

right

元素靠右，笔墨环绕其左

none

以预设的本领表露

预设值：none接受性：无

普遍典型：div { float : right }同轴典型：<div style="float:right">

clear　设定废除本质（设定能否承诺浮动元素之生存）

支　持：ＩＥ４适　用：区块元素或图形大概值：

both

若双方有浮动元素，则该元素移至浮动元素下方

left

若左边有浮动元素，则该元素移至浮动元素下方

right

若右边有浮动元素，则该元素移至浮动元素下方

none

以预设的本领表露

预设值：none接受性：无

普遍典型：div { clear : right }同轴典型：<div style="clear:right">

width　设定宽窄

支　持：ＩＥ４、ＮＣ４适　用：区块元素或图形大概值：

长度单元，请参考第一章基础单元的关系证明

百分比，以父元素宽窄为基准

auto

以恒定比率机动变革巨细

预设值：auto接受性：无

普遍典型：div { width : 300pt }同轴典型：<div style="width:300pt">

height　设定莫大

支　持：ＩＥ４、ＮＣ４适　用：区块元素或图形大概值：

长度单元，请参考第一章基础单元的关系证明

百分比，以父元素宽窄为基准

auto

以恒定比率机动变革巨细

预设值：auto接受性：无

普遍典型：div { height : 300pt }同轴典型：<div style="height:300pt">

position　设定场所

支　持：ＩＥ４、ＮＣ４适　用：区块元素大概值：

absolute

以父元素为基准，安排在一定场所上

relative

以相邻元素为基准，安排在一定场所上

static

预设场所，以该元素于原始码中场所而定

预设值：absolute接受性：无

普遍典型：div { position : static }同轴典型：<div style="position:static">

top　设定尖端场所

支　持：ＩＥ４、ＮＣ４适　用：区块元素大概值：

长度单元，请参考第一章基础单元的关系证明

百分比，以父元素宽窄为基准

auto

以平常办法表露

预设值：auto接受性：无

普遍典型：div { top : 30pt }同轴典型：<div style="top:30pt">

left　设定左端场所

支　持：ＩＥ４、ＮＣ４适　用：区块元素大概值：

长度单元，请参考第一章基础单元的关系证明

百分比，以父元素宽窄为基准

auto

以平常办法表露

预设值：auto接受性：无

普遍典型：div { left : 30pt }同轴典型：<div style="left:30pt">

clip　设定裁剪（设定某地区形势及巨细，地区外通透）

支　持：ＩＥ４、ＮＣ４适　用：区块元素大概值：

rect(top,right,bottom,left)

设定矩形之上右下左长度，会机动比对对边长度普遍写法为rect(0,长度,长度,0)不不妨写为rect(0,0,长度,长度)四个数值皆不妨"auto"包办

auto

以平常办法表露

预设值：auto接受性：无

普遍典型：div { clip : rect(0,100px,50px,0) }同轴典型：<div style="clip:rect(0,100px,50px,0)">

overflow　设定溢位处置（遏制当元素实质胜过该元素巨细时的表露办法）

支　持：ＩＥ４适　用：区块元素大概值：

visible

元素将不会依所设订巨细表露，而能瞥见一切实质

hidden

胜过元素所设订巨细之部份将被湮没不予表露

scroll

如有需要展示卷轴可让运用者看到十足的实质

auto

以预设的办法表露

预设值：auto接受性：无

普遍典型：div { overflow : scroll }同轴典型：<div style="overflow:scroll">

visibility　设定可视度

支　持：ＩＥ４、ＮＣ４适　用：一切元素大概值：

visible

设定该元素表露

hidden

设定该元素不表露，但仍吞噬空间

inherit

以父元素可视度确定

预设值：inherit接受性：无

普遍典型：div { visibility : hidden }同轴典型：<div style="visibility:hidden">

z-index　设定Ｚ轴参数（三度空间）

支　持：ＩＥ４、ＮＣ４适　用：区块元素大概值：

十进位数值，数值大的元素会出此刻数值小的元素的上方

auto

当元素场所反复时，原始码中写在後面元素会出此刻写在前方元素的上方

预设值：auto接受性：无

普遍典型：div { z-index : 3 }同轴典型：<div style="z-index:3">

第四章　颜色背景的ＣＳＳ

相关推荐

推荐下载

热门阅览

最新排行

第四章 颜色背景的ＣＳＳ

相关推荐

推荐下载

热门阅览

最新排行

第四章　颜色背景的ＣＳＳ