仓酷云

标题: 来一发进修CSS的背景图象属性background [打印本页]

作者: 海妖 时间: 2015-1-16 00:12
标题: 来一发进修CSS的背景图象属性background
使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
CSS的背景属性“background”供应了浩瀚属性值，如色彩、图象、定位等，为网页背景图象的界说供应了极年夜的便当。看看background供应的属性值：

background:background-color|background-image|background-repeat|background-attachment|background-position

附属性值的名字就能够很分明的看出来，分离是：色彩、图象、摆设、转动、定位，个中background-repeat、background-position必需是在指定了background-image属性值后才无效。
background-color:transparent|color。“transparent”是background-color的默许属性值（白色字暗示默许值），意为背景致通明，也就是无背景致；而“color”则指的是色彩了，能够是HTML言语撑持英文单词，也能够是十六进制的色彩值，固然保举仍是利用十六进制的色彩值来暗示，好比玄色利用“#000”。
background-image:none|url。默许属性值是无背景图，必要利用背景图时可用url举行导进。
background-repeat:repeat|no-repeat|repeat-x|repeat-y。默许属性值是背景图象在纵向和横向上平展，假如不但愿图象平展而是以一个完全的衬图来显现的时分则利用“no-repeat”，不异的事理在横向上平展则是利用”repeat-x”纵向上平展则利用”repeat-y”。

background-attachment:scroll|fixed。“scroll”是背景图象随对像内容转动，“fixed”则是背景图象流动。
background-position:position(length)|position(length)。工具的背景图象地位有两种体例可选择，一种是利用position（top|center|bottom|left|center|right）来定位背景图象地位，而另外一种体例则是利用lefgth（数值）来定位，利用数值必要注重的是，当只要一个数值时，这个值将用于横坐标，纵坐标将默许是50%，假如有两个数值时，则分离是横坐标、纵坐标。
懂得并熟习了以上background属性及属性值以后，很简单的就能够对网页的背景图象做出符合的处置。可是在这里有一个小技能，那就是在界说了background-image属性以后，应当界说一个与背景图象色彩邻近的background-color值，如许在网速迟缓背景图象未加载完成或是背景图象丧失以后，仍旧能够供应很好的笔墨可辨认性。好比背景图象是一张玄色的底图，那末笔墨的色彩天然而然会选择淡色调的乃至红色，假如此时背景图象未加载完成大概图象丧失，那末就必要界说一个玄色的背景色彩，才能够坚持笔墨的可辨认性。

当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全，分组结尾不能有逗号。

作者: 第二个灵魂 时间: 2015-1-18 05:31
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

作者: 飘灵儿 时间: 2015-1-25 18:50
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

作者: admin 时间: 2015-2-3 18:46
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

作者: 金色的骷髅 时间: 2015-2-9 05:02
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

作者: 灵魂腐蚀 时间: 2015-2-27 00:51
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

作者: 爱飞 时间: 2015-3-8 19:48
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 愤怒的大鸟 时间: 2015-3-22 23:59
以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

欢迎光临仓酷云 (http://ckuyun.com/)