当前位置：首页 -> 网页设计 -> 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设定宽窄扶助：ＩＥ４、ＮＣ４实用：区块元素或图形大概值： <length>长度单元，请参考第一章基础单元的关系证明<percentage>百分比，以父元素宽窄为基准auto以恒定比率机动变革巨细预设值：auto接受性：无普遍典型：div { width : 300pt }同轴典型：<div style="width:300pt">height设定莫大扶助：ＩＥ４、ＮＣ４实用：区块元素或图形大概值： <length>长度单元，请参考第一章基础单元的关系证明<percentage>百分比，以父元素宽窄为基准auto以恒定比率机动变革巨细预设值：auto接受性：无普遍典型：div { height : 300pt }同轴典型：<div style="height:300pt">position设定场所扶助：ＩＥ４、ＮＣ４实用：区块元素大概值： absolute以父元素为基准，安排在一定场所上relative以相邻元素为基准，安排在一定场所上static预设场所，以该元素于原始码中场所而定预设值：absolute接受性：无普遍典型：div { position : static }同轴典型：<div style="position:static">top设定尖端场所扶助：ＩＥ４、ＮＣ４实用：区块元素大概值： <length>长度单元，请参考第一章基础单元的关系证明<percentage>百分比，以父元素宽窄为基准auto以平常办法表露预设值：auto接受性：无普遍典型：div { top : 30pt }同轴典型：<div style="top:30pt">left设定左端场所扶助：ＩＥ４、ＮＣ４实用：区块元素大概值： <length>长度单元，请参考第一章基础单元的关系证明<percentage>百分比，以父元素宽窄为基准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设定Ｚ轴参数（三度空间）扶助：ＩＥ４、ＮＣ４实用：区块元素大概值： <number>十进位数值，数值大的元素会出此刻数值小的元素的上方auto当元素场所反复时，原始码中写在後面元素会出此刻写在前方元素的上方预设值：auto接受性：无普遍典型：div { z-index : 3 }同轴典型：<div style="z-index:3">

第四章颜色背景的ＣＳＳ

相关推荐

推荐下载

热门阅览

最新排行