网页设计与制作C.ppt

背景图像位置background-position长度值 当用长度值来决定背景图像的位置时，它们被解释为相对于元素左上角的偏移量。背景图像上的偏移点也为左_匕角的那个点。 如果设置为20px 30px，那么图像的左上角将位于元素左上角往右20个像素，往下30个像素的位置 background-position:50px 80px 而且，长度值和百分比值还可以为负，这将使图像以某种程度偏离元素。可以只让图像的一部分显示于元素上． 阻止图像随文本滚动:background-attachment 使用background-attachment属性，可以使背景图像固定在视野范围内，以避免出现因滚动而消失的效果:－－背景图象设置在body上 允许值：scroll、fixed body{ background-image:url(03.gif); background-repeat: no-repeat; background-position:50px 80px; background-attachment:fixed } 背景属性可综合写到一个缩略属性中，可按任意顺序排列 list-style-type list-style-image list-style-position list-style（组合使用以上３属性） CSS列表项属性 列表属性 CSS2标准允许控制列表元素的外观—尤其是有序和无序列表。 1、list-style-type 允许值 Disc 实心圆 Circle 常空心圆 Square 空心方块 Decimal 1，2，3，4，5， upper-alpha A，B，C，D，E，… lower-alpha a ，b，c，d，e， upper-roman I，II,III，IV，V， lower-roman i,ii,iii,iv,v none 适用于：列表项元素 ul li1/li li2/li /ul ul{ list-style-type:upper-roman; } 2、list-style-image 该属性指定用来列表项标记的图形 允许值：?? url | none | inherit 适用于:列表项元素 list-style-image: url(03.gif); 3、list-style-position 定位与一个列表项有关的记号:是在与列表有关的块外面还是里面。 允许值： inside | outside 适用于:列表项元素 ul{ list-style-type:upper-alpha; list-style-position:inside ; border-style: dashed; } 4、组合三个列表样式属性 list-style 适用于:列表项元素 ul{ list-style:upper-alpha outside url(03.gif);(中间用空格隔开) border-style: dashed } ul li{ list-style:upper-alpha inside url(03.gif); border-style: dotted } 列表项单个项目 ul li id=temp1/li li2/li /ul ul{ list-style:upper-alpha outside url(03.gif); border-style: dashed } #temp{ list-style:upper-alpha inside url(03.gif); border-style: dotted } Width Height Border-width Border-style Border-color Padding-内边距 Margin –外边距 CSS框属性 CSS中，所有文档元素都生成一个矩形框，称之为元素框。这个框描述了元素及其属性在文档布局中所占的空间大小，因此每个框都可以影响其他元素的位置及大小． 内容宽度width 标签标记的内容 给内容加边框 内容高度height 边框border 边框与内容之间的部分称为边白（内边距）（padding） 如果边白为0，则边白边和内容边重合 内容宽度width 标签标记的内容 给内容加边框 内容高度height 边框border 上边白Padding-top 右边白Padding-right 下边白Padding-bottom 左边白Padding-left 边框外为边界（margin ）-框的外框 如果边界为0，则边界与边框重合 内容宽度width 标签标记的内容 给内容加边框 内容高度height 边框border 上边白Padding-top 右边白Padding-right 下边白P