css样式表资料解读.ppt

4.内嵌样式 内嵌样式是混合在HTML标记里使用的，可以很简单的对某个元素单独定义样式。 内嵌样式的使用是直接将在HTML标记里加入style参数。 而style参数的内容就是CSS的属性和值，如下例： p style=color: sienna; margin-left: 20px 这是一个段落 /p 六、CSS属性 1.字体属性 2.颜色和背景属性 3.文本属性 4.“容器”属性 5.鼠标属性 6.滤镜属性 1.字体属性 属性 属性含义 属性值 font-family 使用什么字体 所有字体 font-style 字体是否斜体 normal、italic、oblique font-variant 字体是否用小体大写 Norma、 small-caps font-weight 定义字体的粗细 Normal、bold、bolder、lighter font-size 定义字体大小 例10：10.htm p style=“font：italic small-caps bold 36pt,黑体”……/p 等同于 p style=“font-style：italic；font-variant：small-caps；font-weight:bold；font-size：36pt；font-family：黑体”……/p “font-style”、“font-variant”、“font-weight”、“font-size”、 “font-family”的顺序，其中没有定义的以默认值显示。 h3 { font: italic 12pt 黑体; } 2.颜色和背景属性 例11：11.htm 1) color 定义前景色 如： p{color:red;} p{color:rgb(00,00,255);} p{color:#00ff00;} p{color:rgb(50%,0,50%) ;} 2) background-color 定义背景色 如： body{background-color:yellow;} div { background-color: rgb(223,71,177) ;} 3)background-image 定义背景图片 如：body{background-image:url(*.jpg);} 4)background-repeat 背景图案重复方式 如: body{background-repeat:repeat/no-repeat/repeat-x/repeat-y} 5)background-attachment 设置背景是否滚动 如： body{background-attachment:scroll/fixed} 6)background-position 设置背景图案的位置 如：body{background-position:值1 值2} 默认值为：(0% 0%)如果只指定了一个值，该值将用于横坐标。纵坐标将默认为50%。第二个值将用于纵坐标。 例： body style=background-image:url(image/beijing1.jpg);background-repeat:no-repeat;background-position:30% 30%; body style=background-image:url(image/beijing1.jpg);background-repeat:no-repeat;background-position:2cm 2cm; body style=background-image:url(image/beijing1.jpg);background-repeat:no-repeat;background-position:2px 2px; body style=background-image:url(image/beijing1.jpg);background-repeat:no-repeat;background-position:right bottom; body style=background-image:url(image/beijing1.jpg);background-repeat:repeat-y;background-position:right; body style=background-image:url(image/beijing1.jpg);background-repeat:repeat-y;background-position:center; body style=background-image:url(image/beijing1.jpg