div+Css课前基础知识普及-课件.ppt

word-break设置或检索对象内文本的字内换行行为。 语法：  word-break : normal | break-all | keep-all 参数：  normal : 　依照亚洲语言和非亚洲语言的文本规则，允许在字内换行break-all : 　该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本keep-all : 　与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本 例如： p {word-break : break-all; } <p>请您用下面的按钮选择这段文字的word-break属性的值。看一看会发生什么，然后您就会明白这个属性的意义。Enjoy my works . many thanks . </p> 背景background background-color设置或检索对象的背景颜色 语法： background-color : transparent | color 参数：  transparent : 　背景色透明color : 　指定颜色 例如： p { background-color: silver }div { background-color: rgb(223,71,177) } body { background-color: #98AB6F }pre { background-color: transparent; } background-image设置或检索对象的背景图像 语法： background-image : url (url) Background-repeat:no-repeat|repeat-x|repeat-y; 参数： url：图像的路径 例如： p { background-image: url("comet.jpg"); }blockquote { background-image: url("c:\InetPub\MyPixs\comet.jpg"); } background-repeat设置或检索对象的背景图像 语法： Background-repeat:no-repeat|repeat-x|repeat-y; 参数： url：图像的路径 例如： p { background-image: url("comet.jpg") repeat-x; }blockquote { background-image: url("c:\InetPub\MyPixs\comet.jpg"); } background-position设置或检索对象的背景图像位置 语法： background-position : length || lengthbackground-position : position || position 参数： length : 　百分数 | 由浮点数字和单位标识符组成的长度值。position : 　top | center | bottom | left | center | right 例如： div { background: url("images/aardvark.gif"); background-position: 35% 80%; } menu { background: url("images/aardvark.gif"); background-position: 35% 2.5cm; } a { background: url("images/aardvark.gif"); background-position: 3.25in; } body { background: url("images/aardvark.gif"); background-position: top right; } background-position-x设置或检索对象的背景图像横坐标位置 语法： background-position-x : length | left | center | right 参数： length : 　百分数 | 由浮点数字和单位标识符组成的长度值。left : 　居左 center : 　居中 right : 　居右 例如： { background-image: url("images/aardvark.gif"); background-position-x: 35%; } background-position-y设置或检索对象的背景图像纵坐标位置 语法： b