- 1、本文档共13页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
(CSS属性值
背景色: background-color 属性
background-color 不能继承,其默认值是 transparent。transparent 有“透明”之意。也就是说,如果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素的背景才能可见。p {background-color: gray;}
背景图像:background-image 属性
background-image 也不能继承。事实上,所有背景属性都不能继承background-image 属性的默认值是 none,表示背景上没有放置任何图像。需要设置一个背景图像,必须为这个属性设置一个 URL 值p.flower {background-image: url(/i/eg_bg_03.gif);}
背景重复:?background-repeat 属性属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。body { background-image: url(/i/eg_bg_03.gif);
background-repeat: repeat-y; }
背景定位:background-position 属性
background-position 属性值可以使用一些关键字:top、bottom、left、right 和 center。还可以使用长度值,如 100px 或 5cm,最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异。位置关键字可以按任何顺序出现,只要保证不超过两个关键字 - 一个对应水平方向,另一个对应垂直方向。body { background-image:url(/i/eg_bg_03.gif);
background-repeat:no-repeat; background-position:center; }
设置值为 50px 100px,图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像素的位置上:background-attachment 属性文档比较长,那么当文档向下滚动时,背景图像也会随之滚动。当文档滚动到超过图像的位置时,图像就会消失默认值是 scroll,也就是说,在默认的情况下,背景会随文档滚动。background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 background-color 设置元素的背景颜色。 background-image 把图像设置为背景。 background-position 设置背景图像的起始位置。 background-repeat 设置背景图像是否及如何重复。 text-indent 属性
该属性可以方便地实现文本缩进用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em:p {text-indent: 5em;} p {text-indent: -5em;} 一个行内元素的第一行“缩进”注意:一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素,图像之类的替换元素上也无法应用 text-indent 属性text-indent 可以使用所有长度单位,包括百分比值。百分数要相对于缩进元素父元素的宽度。换句话说,如果将缩进值设置为 20%,所影响元素的第一行会缩进其父元素宽度的 20%。
在下例中,缩进值是父元素的 20%,即 100 个像素:
div {width: 500px;} p {text-indent: 20%;}
divpthis is a paragragh/p/div
text-indent 属性可以继承text-align属性影响一个元素中的文本行互相之间的对齐方式 值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中 最后一个水平对齐属性是 justify 两端对齐文本 word-spacing 属性
可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的p.spread {word-spacing: 30px;} p.tight {word-spacing: -0.5em;}
字母间隔: letter-spacing 属性
与 word-spacing 的区别在于,字母间隔修改的是字符或字母之间的间隔h1 {letter-spacing: -0.5em} h4 {letter-spacing: 20px}
字
文档评论(0)