1 / 15
文档名称:

div标签.docx

格式:docx   大小:33KB   页数:15页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

div标签.docx

上传人:kunpengchaoyue 2022/7/29 文件大小:33 KB

下载得到文件列表

div标签.docx

文档介绍

文档介绍:CSS单元的位置和层次-div标签
我们都知道,在网页上利用HTML定位文字和图像是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图像,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。
而CSS字*右对齐文字*左对齐
text-align:center文字置中对齐这些是一些简单的文字效果,可以应用到css的页面中。
冃景background-color:black背景颜色background-image:url(image/)背景图片background-attachment:fixed固定背景repeat重复排列-网页预设
no-repeatrepeat-xrepeat-y:90%90%
text-decoration:overlinetext-decoration:underlinetext-decoration:nonetext-transform:text-transform:text-transform:text-align:righttext-align:left
不重复排列
在X轴重复排列
在y轴重复排列
背景图片x与y轴的位置
background-repeat:background-repeat:background-repeat:background-repeat:background—position链接
A所有超连接
A:link超连接文字格式
A:visited浏览过的连接文字格式
下框
左框
右框
A:active按下连接的格式A:hover鼠标移至连接边框border-top:1pxsolidblack上框border-bottom:1pxsolid#6699ccborder-left:lpxsolid#6699ccborder-right:lpxsolid#6699ccborder:1pxsolid#6699cc四边框虚线
〈textareastyle二"border:1pxdashedpink">实线
〈textareastyle二"border:1pxsolidpink">
编辑本段
绝对定位和相对定位
绝对定位:
定位属性将是网虫们打开幸福之门的钥匙:H4{position:absolute;
left:lOOpx;top:43px}
这项CSS规则让浏览器将<H4>的起始位置精确地定在距离浏览器左边100象素,距离其顶部43象素的位置。注意这里唯一设置了的是左边和顶部,也就说,文字将从左到右,从上到下载入浏览窗口。
左边和顶部属性很直观,左边(left)设定要素距浏览器窗口左边的距离,顶部(top)设定距离浏览器窗口顶部的距离。设定这些距离时,你可以使用所学过的各种度单位或比例值。使用比例值时,比例值的是相对于母体要素的尺寸。
你可以定位什么呢?任何东西!段落、单词、GIF和JPEG图像、QUICKTIME电影等等。
相对定位:
绝对定位使你能精确地定位要素在页面的独立位置,而不考虑页面其它要素的定位设置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例:
I{position:relative;left:40px;top:10px}
相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。相对定位单元出现在普通的静态定位单元的行间,定位时没有把自己和静态定位单元完全分开。如果你停止使用相对定位,则文字的显示位置将恢复正常。使用相对定位时要小心,否则容易将页面弄得非常乱。
除了相对定位和绝对定位,你还可以使用static(静止)参数值。Static是position特性的缺省值。它的使用方法同普通HTML中的定位方法,不能附加特殊的定位设置。也就是说,除了边距特性,或通过使用float特
性来浮动单元可影响单元的定位外,其它均不可以。
编辑本段
定位单元的控制
(width、height、visiblility)
除了控制定位单元的左上角位置,你还可以控制单元的宽度和高度,及单元在页面的可视性。
宽度:
定位了的要素在页面上显示时仍然会从左到右一直显示。利用宽度属性就可以设定字符向右流动的限制,即设定要素的宽度。
DIV{position:absolute;left:200px;top:40px;width:150px}浏览器接到这项规则时,它将文字按照规则规定的效果显示,还将段落的最大水平尺寸限制在150象素。
宽度属性只适用于绝对定位的要素。你可以使用我们学过的任何一种长度单位,或使用比例值设定宽度,比例值指相对于母体要素的比例。IE4
中,这项属性还可用于图像。你可以通过宽度设置人为地拉宽或压缩图像。
高度: