网页设计与制作项目式教程 教学课件 作者 凌云附录附录B.ppt

《网页设计与制作项目式教程 教学课件 作者 凌云附录附录B.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、附录BCSS样式属性1．字体属性（font）font-family：设置文本的字体系列。font-style：设置文本的字体样式，可取值包括normal、italic和oblique。font-variant：设置文本字体大小写，可取值包括normal、small-caps。font-weight：设置字体的粗细，可取值包括normal、bold、bolder和lithterfont-size：设置文本的字体尺寸，可取值包括absolute-size、relative-size、length和percentage。font

2、-stretch：设置收缩或拉伸当前的字体系列。2．背景属性(backgroud)background-color：设置元素的背景色。background-image：设置元素的背景图片。background-repeat：设置背景图案重复方式，可取值包括repeat-x、repeat-y或no-repeatbackground-attachment：设置背景图像是否固定或者随着页面的其余部分滚动，可取值包括scroll(滚动)和fixe(固定的)。background-position：设置背景图片的初始位置，可取值包括

3、percentage、length、top、left、right和bottom。3．文本属性：(text)color：设置文本的颜色。Direction：设置文本的方向或书写方向。定义间距：word-spacing：设置单词之间的距离。letter-spacing：设置字母之间的距离。text-decoration：设置添加到文本的装饰，可取值包括none、underline、overline、line-through和blink。vertical-align：设置元素在垂直方向的对齐方式，可取值包括baseline(基线

4、)、sub、super、top、text-top、middle、bottom和text-bottom。text-transform：控制文本的大小写，可取值包括capitalize(大写)、uppercase(首字母大写)、lowercase(小写)和none。text-align设置文本的对齐方式，可取值包括left、right、center和justify。text-indent：设置文本块的首行缩进，可取值包括length和percentage。line-height：设置文本的行高，可取值包括normal、numb

5、et、lenggth和percentage(百分比)。定义超链接：a:link：设置未访问的链接样式。a:visited：设置已被访问的链接样式。a:hover：设置鼠标被激活的链接样式。4．块属性(block)边距属性：margin-top：设置元素的上外边距。margin-right：设置元素的右外边距。margin-bottom：设置元素的下外边距。margin-left：设置元素的左外边距。填充距属性：padding-top：设置元素的上内边距。padding-right：设置元素的右内边距。padding-bot

6、tom：设置元素的下内边距。padding-left：设置元素的内左边距。5．边框属性(border)border-top-width：设置元素上边框的宽度。border-right-width：设置元素右边框的宽度。border-bottom-width：设置元素下边框的宽度。border-left-width：设置元素左边框的宽度。border-width：设置元素四条边框的宽度。border-color：设置元素四条边框的颜色。border-style：设置元素四条边框的样式。border-top：设置所有的上边框属

7、性。border-right：设置所有的右边框属性。border-bottom：设置所有的下边框属性。border-left：设置所有的左边框属性。outline：设置所有的轮廓属性。outline-color：设置轮廓的颜色。outline-style：设置轮廓的样式。outline-width：设置轮廓的宽度。6．CSS定位属性（Positioning）bottom：设置定位元素下外边距边界与其包含块下边界之间的偏移。clear：规定元素的哪一侧不允许其他浮动元素。clip：设置如果层的内容超出了层的大小时如何处理。有

8、四种处理方式：visible，增加层的大小，从而将层的所有内容显示出来；hidden，保持层的大小不变，将超出层的内容剪裁掉；Scroll，总是显示滚动；Auto，只有在内容超出层的边界时才显示滚动条。cursor：设置要显示的光标的类型（形状）。display：设置元素应该生成的框的类型。float：